動画関連の記事一覧



Facebookで素敵な動画が紹介されていました。


木で作られた線路のようなものが森の中にずら〜っと設置されています。

階段のようにも見えますね。

201500809-森の木琴-ドコモ-touch-wood-01

画像出典:Ruben Mandolini(Facebook)


そこに木の玉を転がすと…

201500809-森の木琴-ドコモ-touch-wood-02

画像出典:Ruben Mandolini(Facebook)


ピタゴラスイッチじゃないですが、玉がコロコロと木の階段を転がり落ちながら音を出していきます。

それぞれの階段の音は違うようですね…木琴になっているのか!…とよく聞いてみると、これは誰もが知っているあの曲ですね! すごい!

201500809-森の木琴-ドコモ-touch-wood-03

画像出典:Ruben Mandolini(Facebook)

記事の続きを読む




★ざっくり言うと

  • YouTubeでは動画の速度を2倍まで速くできる
  • FirefoxではFlashプレイヤーでの再生になっているとオプションで出てこない
  • Flashプレイヤーの再生から変更するのはHTML5動画プレイヤーのページで行う



●YouTube動画を時短で見ましょう

ということでDTP TransitでYouTube動画を時短で見ようという記事がアップされていましたが、Chrome以外はダメとのこと。

私の環境(OS X Mavericks)では、Google Chromeのみサポートされているようで、FirefoxやSafariでは実現できませんでした。

YouTubeが「早聞き再生」をサポート - DTP Transit(Mac OS X, OS X Mavericks, 動画)

え? Firefoxで以前からできていますが…と思って調べてみたら、Firefoxでは設定次第で変わってくるようです。



●Firefoxで倍速再生できない状態のYouTube動画再生

FirefoxでYouTube動画を見る時に「歯車アイコン」をクリックし、再生速度を変更しようと思っても、設定項目が出てきません。自動再生とアノテーションと画質のみ。

20150108-Youtube-倍速再生-05

画像出典:瀬戸弘司が選んだ!2014年 本当に買ってよかったものランキング 5位→1位(YouTube)


その場合、動画上で右クリックすると、こんな感じになりませんか?

「Adobe Flash Player 16.x.x.xについて」

つまりYouTube動画はFlashのプラグインで再生されているわけです。

20150108-Youtube-倍速再生-06

記事の続きを読む



●videoタグは複数ソースが設定できて便利

HTML5のvideoタグでは以下のように書くことで複数のファイルソースを指定することができます。

<video>
    <source src="example.mp4">
     <source src="example.webm">
    <img src="example.gif">
 </video>


上記の例だと、

  • 最初に「example.mp4」の再生をトライ
  • 「example.mp4」を再生できない場合、「example.webm」の再生のトライ
  • 「example.webm」を再生できない場合、「example.gif」を表示

となります。

簡単な書き方で、再生できない場合の複数のソースの指定(フォールバック)ができて便利ですね。


でも、複数のソースの指定そのものが面倒ではないですか?

ファイルも複数用意しなければなりませんし…。今回の例の場合、MP4形式の動画・WebM形式の動画・アニメーションGIFの3種類と、常に時間がないWeb制作者には大きな負担です。

記事の続きを読む



20141212-Adobe-Media-EncorderでWebM動画変換をする-05

WebM形式の動画って需要があるのでしょうか…といきなりネガティブな書き出しですが、直近のお仕事でWebM動画があった方がいいかもしれない案件があったので(主にFirefox方面)、WebM動画を作ってみることにしました。



●WebM形式動画に対応しているブラウザー

WebMってどのブラウザーで対応しているの?という疑問がありますが

  • Chrome
  • Firefox
  • Opera

が対応しています。SafariやInternet Explorerは対応していないです。

デスクトップOSの標準ブラウザーが未対応です(^-^;

なぜこうなっているのかは以下のページを読むと分かります。


記事の続きを読む



とあるページのアドレスを見ていてわかったのですが、YouTubeの動画チャンネルをリンクするときに普通にリンクすると、こんな風にYouTubeの動画チャンネルのトップページが表示されるだけです。

普通のリンクURLってこんな感じだと思います。→「https://www.youtube.com/user/kosgisChannel

20141121-YouTubeでチャンネル登録を促すアドレス-01

画像出典:コスギス - WEBコンサルティング&WordPress(YouTube)


ここまで見たなら、やっぱり閲覧者にチャンネル登録して欲しいですよね!

でも見た後で「チャンネル登録」してもらうのは忘れてしまうかもしれない…。


実は動画チャンネルへの登録を増やせる技があるのです。

記事の続きを読む



狙ってやったわけではないですが、アイドルマスター Live for You!の「隣に…」(双海真美版)の動画をTwitterに共有したら、動画のサムネイルがひどいことになった。


これは吹かざるを得ない(笑)。

20140119-隣に…のYouTube動画をTwitterに共有-01

デカすぎですよ!(゜Д゜)

何ピクセルあるんですか!!!!(測ったらプレイヤーの高さは780ピクセルでした)




記事の続きを読む



20131213-Firefox-YouTube-HTML5-06
画像出典:W3C HTML5 Logo



FirefoxでFlashを使っているサイトを開くと、結構な割合でこんなダイアログが出ませんか?
20131213-Firefox-YouTube-HTML5-01

警告:プラグインの応答がありません
 Shockwave Flashプラグインがビジー状態か応答を停止している可能性があります。今すぐプラグインを停止するか処理が完了するまで待機していてください。
 [待機] [プラグインを停止]



これで「待機」をクリックしても、多くの場合、Firefoxが「応答なし」となって、結局プラグインを停止することになるのですが、「応答なし」となっている間は、何もできないので、結構イラッとしますよね?


Flashを使っているページを開くのが怖いわ…と思ってしまうくらいです。


といっても、Flashプラグインがないと閲覧できないページもまだまだ多いので、Flashプラグインを外すわけにもいかないと思っているので、Flashをわざわざ使わなくても良いページはFlashを使わなくすることで、「応答なし」になるリスクを減らすことができます。


Flashを使っていてメジャーな所といえば、やはりYouTubeでしょう!
YouTubeの動画の多くは最近Flashプラグインを使わなくても見ることができます。


その設定を紹介しますね。

記事の続きを読む



【2013/12/16 追記】なんとWildCatを開発しているBoston Dynamics社がGoogleに買収されました!
ロボット産業への進出が一気に進むのでしょうか。




Google+で4足歩行ロボットの動画が共有されていたので、見てみたら結構凄くて、夜中に「おおおぉ!」と声が出てしまったのでスクリーンショットに説明を加えながらシェアします。


その4足歩行ロボットの名前はWildCatというようです。

スタッフがエンジンを掛けると、バイクのような軽い音のエンジン音が鳴り響き、回転数が高まっていきます。
20131006-4足歩行ロボット-WildCat-01


記事の続きを読む



タイトルで終わっていますが(笑)。

DoorkeeperというATNDみたいなイベント申し込み受付のサービスがあります。

そこのトップページ、それも左上というF1で言ったらポールポジション(P.P.)に、新潟ソーシャルメディアクラブ(NSMC)が掲載されていました!


おめでとうございます!!

20120912-Doorkeeper-NSMC新潟ソーシャルメディアクラブ-01



記事の続きを読む



XP in Tanzania by rogiro

こ、これは…Windows XPの壁紙のアレですか!
Flickrのページによればタンザニアでの撮影だそうです。 

そんなわけで、昨日は「大胆に変わったWindows 8のロゴ。Windows 1.0への原点回帰?」という記事を書いたのですが、Winodows 1.0を調べていたら、また変なものを見つけたので紹介します(笑)。

Windows 1.0からWindows 7までアップグレードする過程を記録した動画がYouTubeで公開されている
Windows 1.0からWindows 7までアップグレードする動画 | スラッシュドット・ジャパン idle

久々にスラッシュドットを見たな。
コメント欄にもおもしろいネタが結構あるので興味があったら開いてみて下さい。
記事の続きを読む



ブログ著者

名前:(Google+のプロフィール)

ケータイ好き。ガジェットが好きでiPhoneやらAndroidなどを所有。Surface Pro 2も持っている。

お仕事は印刷会社で営業・広報活動・DTPオペなどをしています。要は何でも屋さんです。最近は印刷関連より、自社のウェブサイトを制作するお仕事がほとんど。使用しているCMSはMovable Type。

ブログ著者について

サイト内検索