<video></video>
Javascript経由でsrcを取得するがあります。Millicast と WebRTC を使用して接続し、見つかったフィードを添付します。
ブラウザに読み込まれると、Airplay アイコンが表示され、iPhone 経由で Samsung TV に接続されます。ただし、オーディオ プレイリストを再生しているようです。音質も良く、接続も安定しています。
<div id="container">
<video controls playsinline autoplay='' id="live_stream_video"></video>
</div>
以下に提供するものよりも多くの JS がありますが、ビデオ要素への添付は次のとおりです。
let conf = {
iceServers: iceServers,
// sdpSemantics : "unified-plan",
rtcpMuxPolicy: "require",
bundlePolicy: "max-bundle"
};
let pc = new RTCPeerConnection(conf);
pc.ontrack = function (event) {
let vidWin = document.getElementsByTagName('video')[0];
if (vidWin) {
vidWin.srcObject = event.streams[0];
vidWin.controls = true;
var playPromise = vidWin.play().then(function() {
}).catch(function(error) {
});
}
};
Apple デバイスがビデオを認識して再生できるようにするために、srcObject に加えて追加する必要があるものはありますか?