创建我自己的现场短跑运动员

Question

我正在尝试创建自己的代码，使用媒体源播放实时MPEG-DASH，我成功获取数据但无法在播放器中显示。

＆＃13;

＆＃13;

function GETData(){
	var xhr = new XMLHttpRequest();			
	xhr.onreadystatechange = function()	{
		if(xhr.readyState == 4 && xhr.status == 200){
			liveIndex++;
			receiveBuffer.push(xhr.response);
			if(audio == false){
				appendVideo();
				audio = true;
			}						
			else{
				appendAudio();
				audio = false;
			}			
		}
	};		
	xhr.open("GET", urlList[liveIndex], true);
	xhr.responseType = 'arraybuffer';		
	xhr.send();
}
function updateVideoFunc(){ 	
	sbVideo.removeEventListener("update", updateVideoFunc);
	GETData();		
}
function updateAudioFunc(){ 	
	sbAudio.removeEventListener("update", updateAudioFunc);
	GETData();		
}

function sourceopen(e){	
	sourceBuffer = this.sourceBuffers;
	sourceBuffer[trackName] = ms.addSourceBuffer('video/mp4;codecs=avc1.42c01e');
	sbVideo =sourceBuffer[trackName];
    sbVideo.addEventListener('updateend', updateVideoFunc);
   
	
	sourceBuffer = this.sourceBuffers;
	sourceBuffer[trackName2] = ms.addSourceBuffer('audio/mp4;codecs="mp4a.40.2');
	sbAudio =sourceBuffer[trackName2];
    sbAudio.addEventListener('updateend', updateAudioFunc);
    
	GETData();
}

var fileIndex = 0;
function appendVideo() 
	if(sbVideo.updating == false)
	{
		
		sbVideo.appendBuffer(new Uint8Array(receiveBuffer[fileIndex]));
		sbVideo.addEventListener("updateend",updateVideoFunc, false);					
		fileIndex++;
	}
}


function appendAudio(){
	if(sbAudio.updating == false && sbVideo.updating == false){
		
		sbAudio.appendBuffer(new Uint8Array(receiveBuffer[fileIndex]));
		sbAudio.addEventListener("updateend",updateAudioFunc, false);					
		fileIndex++;
	}
}

＆＃13;

＆＃13;

＆＃13;

此代码在使用非实时源但不使用实时代码时有效。 我错过了什么？

Answer 1

默认情况下，视频的播放头始终为0。但是，在追加实时流的数据时，数据范围不会以0开头，而是实时流的任何位置。因此，您需要使用SourceBuffer的timestampOffset，或者只是寻找（即设置currentTime）数据开始的位置。

您还可以在Shaka或dash.js等开源播放器中查看这是如何完成的，或者您可以使用现成的解决方案，例如Bitmovin Player或JWPlayer。