video.js
動画背景の上に、動画の再生位置に合わせて画像・テキストを表示する
動画背景の再生位置に合わせて画像やテキスト表示する See the Pen QZwjzw by HomeMadeGarbage (@hmg) on CodePen. timeupdate , currentTime timeupdate、currentTime で再生位置を取得し表示を切り替える [crayon-62b81de38669d355341319/] setInterval だと タイミングがズレたりするので、currentTime を使うと各ブラウザや重さによってもズレ...
横幅いっぱいmp4のレスポンシブ背景(キービジュアルなど)
video タグだと Chrome で動かなかったので video.js を使いました。 video.js Video.js: The Player Framework CDNを利用する場合 head [crayon-62b81de386ac3161367865/] body の上 [crayon-62b81de386ac8483451667/] HTML [crayon-62b81de386aca740812984/] CSS [crayon-62b81de...
Raspberry Pi ✕ Nginxで RTMP & HLS ストリーミングサーバ
現在、このブログを運用している、Raspberry Pi 2 ✕ Nginx サーバ に、RTMPサーバを構築しました。 Nginx に RTMP モジュール を追加 Nginx にモジュールを追加するにはコンパイルをし直さなければならないので、apt-get install していた Nginx 1.6.2 から現時点で最新の Nginx 1.11.13 をインストールし直し、環境を移行しました。 https://homemadegarbage.com/nginx-update ※ ...