.hlsをブラウザ関係なく一発再生する “hls.js”

.hlsかmpeg-dashかとか、ChromeとFFとIEにvideo.jsと諸々依存ライブラリ入れるとか、そういうクソ面倒臭いこと一切抜きにして、videoタグで.hlsを一発再生してくれるhls.jsが素晴らしすぎます。

https://github.com/dailymotion/hls.js

ようやく.hlsだけでPCもスマホも全部カバーできる時代になってきたのを実感できます。

簡単すぎるけど、一応サンプルコード

<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>
&lt;video id="video"&gt;&lt;/video&gt;
&lt;script&gt;
  if(Hls.isSupported()) {
    var video = document.getElementById('video');
    var hls = new Hls();
    hls.loadSource('http://www.streambox.fr/playlists/test_001/stream.m3u8');
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED,function() {
      video.play();
  });
 }
&lt;/script&gt;

本当これだけです。