タグ

2015年9月24日のブックマーク (3件)

  • video.js で m3u8 形式の動画ファイルをブラウザで再生する

    video.jsを使ってm3u8形式の動画ファイルをSafari以外のブラウザでも再生する方法を紹介します。デモページは下のボタンから。 Demo 動作環境下記環境で(現時点の最新版での)動作を確認しています。 ChromeSafariOperaSafari※要Flash 使うJSライブラリvideojs/video.js 基素材。動画ファイルを様々なブラウザで再生できるようにする。videojs/videojs-contrib-media-sources videoタグに動画ソースを流し込めるようにするvideo.jsプラグイン。W3Cのドラフト仕様Media Source Extensionsが元のよう。videojs/videojs-contrib-hls HLS(m3u8)形式の動画ファイルを再生可能にするvideo.jsプラグイン。HLSに対応していないブラウザでもFlash技

    video.js で m3u8 形式の動画ファイルをブラウザで再生する
  • Video.js を使って HLS形式の動画をストリーミング再生する - akiyoko blog

    1. はじめに HLS (HTTP Live Streaming) 形式の動画は、Safari (on Mac) であれば、HTML5 の videoタグですんなり再生することができるのですが、それ以外のブラウザ、例えば Chrome (on Mac) や Chrome (on Windows) でも再生できるようにしたい場合にどうすればよいか?というのが悩みの一つです。 そこでいろいろ調べたところ、Video.js がよいのではないかという結論に至りました(あくまで個人的な意見です)。 http://www.videojs.com/ こちらのブログが大変参考になりました。ありがとうございます! あと、こちらの公式ドキュメントも参照しました。 2. HTMLコード Video.js を使って HLS形式の動画を再生するための HTMLコードは、以下のようになります。 index.html

    Video.js を使って HLS形式の動画をストリーミング再生する - akiyoko blog
  • あなたにWebSocketは必要ないかも | POSTD

    (訳注:2015/8/4、いただいた翻訳フィードバックを元に記事を修正いたしました。) 題に入る前に強調しておきます。WebSocketは優れた通信プロトコルです。実際私はこの RFC6455 を、 Fanout のサービスで使っている( Zurl や Pushpin といったパーツで採用しています。Fanoutではまた、 Primus (異なるリアルタイムフレームワーク間での通信を可能とするラッパー)を利用し、 XMPP-FTWインターフェース を介したWebSocket通信をサポートしています。 しかしながら私はこれまで、多くの広く普及しているアプリケーションにかなりの時間を費やし、おかげでRESTやメッセージングパターンについては多少なりとも理解が深まってきた今、実はWebSocketを実装した典型的なWebアプリケーション(もしくはWebSocketライクな抽象化レイヤ)の大部分

    あなたにWebSocketは必要ないかも | POSTD