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

如此有意义的问题滑稽的是没人回答&＃xff0c;不请自来回答下&＃xff1a;

需要运行4.0以上Linux内核&＃xff0c;并安装好v4l2loopback内核模块

GStreamer

Firefox 浏览器版本 >&＃61; 40

检查设置 (about:config)

media.mediasource.enabled true

media.mediasource.mp4.enabled true

media.mediasource.webm.enabled true

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

Erlang/OTP >&＃61; 17.0

Emacs&＃xff0c;以及erlang mode&＃xff0c;能熟练使用C-c C-k

Matroska spec data foundation-source/specdata.xml at master · Matroska-Org/foundation-source · GitHub

安装以后&＃xff0c;用gstreamer把测试信号输入到/dev/video0

gst-launch videotestsrc ! v4l2sink device&＃61;/dev/video0

"use strict";

window.addEventListener(

"load",

function() {

var videoElem &＃61; document.getElementById("video");

navigator.mediaDevices.getUserMedia(

{ video: true }

).then(

function(stream) {

videoElem.src &＃61; URL.createObjectURL(stream);

videoElem.play();

}

);

}

);