FRESH!におけるPCブラウザのFlash脱却 | CyberAgent Developers Blog
みなさんこんにちは、サイバーエージェントのFRESH!というサービスでフロントエンドの開発しています鈴木です。 FRESH!は生放送に特化した「映像配信プラットフォーム」で生放送というサービスの特性上、HTTP Live Streaming (HLS) というストリーミングプロトコルを用いて映像を配信しています。 そのFRESH!では、2016年8月頃から動画プレイヤーをFlashを用いない新しいプレイヤーにリプレイスしました。(Google Chrome, Firefox, Safari10, Edge, Opera, Vivaldi) このエントリーでは、その移行とその後の得られた結果について紹介いたします。 経緯 2016.01 サービス開始当初 Video.js v4.x(videojs-contrib-hls v0.16.x Flashベース)でプレイヤーを提供していました。 2
Takazudolog - 地獄のvideo／audio要素
video／audioにハマりまくったメモ。作ってたのは、Flashでやってたような、複数の動画ファイルを、途中の選択肢によって色々変えながら見せるというようなインタラクティブムービーみたいなの。なので、ハードにvideoを使いまくるという意味で、普通に一本動画を見せるという用途よりももっと色々する必要があったわけだけれども、そうでない場合でも、videoが色々厄介であるということは知っておく必要があると思う。 とりあえず、videoやaudioを使いたい人は、以下の2ページを熟読せよ。 プラグインは要らない！音声／動画対応したHTML5 - audio／video要素 | Think IT Video - Dive Into HTML5 videoのイベントは HTML5 Video を眺めてるとなんとなく分かる。 audioライブラリ試してうまくいったやつはこれ。 SoundJS vi
The best of 2012 for designers
In 2012, we covered a ton of new apps, resources, and more for designers and developers. In fact, we covered nearly 500 such resources! So rather than yhou having to go back through our archive of posts, we've gathered up the best of what was new over the past year in one place! We're not including everything (after all, some resources are no longer available, sites may have changed hands, apps ma
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
H.264にもWebMにも対応したHTML5ベースの動画プレーヤ·VideoJS MOONGIFT
VideoJSはHTML5製の動画プレーヤ。WordPressやDrupal向けプラグインも提供されている。 VideoJSはHTML5/JavaScript製のオープンソース・ソフトウェア。H.264のライセンス問題が絡んでHTML5のvideoタグにおける動画フォーマットは定まっていない。最近ではGoogleがChromeにおけるH.264サポートを止めてしまうという発表まで行っている。 再生画面 Googleはオープンな動画フォーマットとしてWebMを推しているが、Appleは不支持であったりと混沌としている状況だ。だが既にHTML5を巡る動きははじまっている。そんな中開発されたのがVideoJS、HTML5用の動画プレーヤだ。 いくらWebブラウザが対応していると言ってもプレーヤがなければ話にならない。VideoJSはH.264/WebM/Oggに対応した動画プレーヤだ。HTML5
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - mike-zarandona/PrettyEmbed.js: Prettier embeds for your YouTubes - with nice options like high-res preview images, advanced customization of embed options, and optional FitVids support.
HTML5 & CSS3 Tools and Tutorials
http://websitesmaderight.com/2011/05/45-html5-media-players-tutorials-and-resources/