映客、花椒的h5直播播放页面技术选择

不知道花椒映客用的什么。
综合考虑，不用flash，就用h5，主要保证主要的浏览器使用。之前调研过videojs-contrib-hls，不知道还有其他的技术没。

如此有意义的问题滑稽的是没人回答，不请自来回答下：

需要运行4.0以上Linux内核，并安装好v4l2loopback内核模块

GStreamer

Firefox 浏览器版本 >= 40

检查设置 (about:config)

media.mediasource.enabled  true
media.mediasource.mp4.enabled  true
media.mediasource.webm.enabled  true
media.mediasource.whitelist false (只有42以下版本需要)

Erlang/OTP >= 17.0

Emacs，以及erlang mode，能熟练使用C-c C-k

ebml-viewer https://code.google.com/p/ebm...

Matroska spec data foundation-source/specdata.xml at master · Matroska-Org/foundation-source · GitHub
安装以后，用gstreamer把测试信号输入到/dev/video0

gst-launch videotestsrc ! v4l2sink device=/dev/video0

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>hhhhh TV</title>
<script type="application/javascript" src="media1.js"></script>
<body>
<video id="video"></video>
</body>
</html>

"use strict";

window.addEventListener(
    "load",
    function() {
        var videoElem = document.getElementById("video");
        navigator.mediaDevices.getUserMedia(
            { video: true }
        ).then(
            function(stream) {
                videoElem.src = URL.createObjectURL(stream);
                videoElem.play();
            }
        );
    }
);

来源：https://zhuanlan.zhihu.com/p/...

哈哈给力，我就是找不太到一些国外的资源。最多也是从中文区链接过去的。我现在就要网页h5,学习拉。

【热门文章】