スマブラ(スマートフォンのブラウザ)上で動画をインライン再生させる方法① - Qiita
最初に 最近仕事で動画ものを扱うことが頻繁にあります。(変な意味ではありません) HTML5ではvideoタグを使えば、Webブラウザ上で動画を再生させるのがとても簡単になりました。 しかし対象のデバイスがスマートフォンの場合はそうは簡単にはいきません。 例えばvideoタグを使って動画をiPhoneで再生しようとすると、動画をページに埋め込むような形式で再生することができません。 ※以下、「動画をページに埋め込む形式」のことを「インライン」と呼びます。 (業務に使うかは置いといて) スマートフォンでもインライン再生させたい思いを胸に抱きつつ、 実現できそうな方法を調べていたら、とてもシンプルで使いやすいやつを見つけたのでメモ。 こいつです。 Frame Player http://vagnervjs.github.io/frame-player/ おそらく"スマートフォン 動画 インライ
HTML5 CanvasにJavaScriptでリアルタイムに動画を描画。透過レイヤで動画の重ね合わせなど、新たな表現が可能なPC／モバイル対応コーデック「H2MD」［PR］
Webの表現力は、文字の大きさや色を中心に修飾していた時代から美しいグラフィックやアニメーションの活用へと進み、いまでは大きな動画も積極的に取り入れた、豊かな表現力と情報量を備えるWebが数多く見られるようになりました。 最近では広告や解説動画といった例だけでなく、背景いっぱいに動画を使うといった例もあります。モバイルでもゲームやソーシャルメディアなどを中心に積極的に動画を用いた表現が増えています。 GIFやH.264に足りないもの こうした動画表現を実現する技術には複数の選択肢がありますが、モバイルとWebサイトの両方での対応を考えると、GIFアニメーションかH.264のいずれかを選択するのが一般的でしょう。しかしGIFアニメーションは色数が256色と限られ圧縮率も低いため、小さなサイズで数秒程度といった最小限の動画再生にしか向きませんし、音声との同期も困難です。一方、H.264は高精細
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
