動画背景の上に、動画の再生位置に合わせて画像・テキストを表示する

動画背景の再生位置に合わせて画像やテキスト表示する See the Pen QZwjzw by HomeMadeGarbage (@hmg) on CodePen. timeupdate , currentTime timeupdate、currentTime で再生位置を取得し表示を切り替える [crayon-62b81de38669d355341319/] setInterval だと タイミングがズレたりするので、currentTime を使うと各ブラウザや重さによってもズレ...

Web 2018.9.29　お母ちゃん

横幅いっぱい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...

Web 2018.8.21　お母ちゃん

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 ※ ...

Raspberry Pi / Web 2017.4.26　お母ちゃん