Embed: mews: jump less when switching tracks

This commit is contained in:
Cat 2021-09-20 16:54:22 +02:00 committed by Thulinma
parent ac54fef930
commit e17420534d
2 changed files with 58 additions and 23 deletions

File diff suppressed because one or more lines are too long

View file

@ -570,21 +570,15 @@ p.prototype.build = function (MistVideo,callback) {
if (checkEqual(player.last_codecs ? player.last_codecs : player.sb._codecs,msg.data.codecs)) { if (checkEqual(player.last_codecs ? player.last_codecs : player.sb._codecs,msg.data.codecs)) {
if (player.debugging) console.log("reached switching point");
if (msg.data.current > 0) {
if (player.sb) { //if sb is being cleared at the moment, don't bother
player.sb._do(function(){ //once the source buffer is done updating the current segment, clear the specified interval from the buffer
player.sb.remove(0,msg.data.current*1e-3);
});
}
}
MistVideo.log("Player switched tracks, keeping source buffer as codecs are the same as before."); MistVideo.log("Player switched tracks, keeping source buffer as codecs are the same as before.");
if ((video.currentTime == 0) && (msg.data.current != 0)) {
video.currentTime = msg.data.current;
}
} }
else { else {
if (player.debugging) { if (player.debugging) {
console.warn("Different codecs!"); console.warn("Different codecs!");
console.warn("video time",video.currentTime,"waiting until",msg.data.current*1e-3); console.warn("video time",video.currentTime,"switch startpoint",msg.data.current*1e-3);
} }
player.last_codecs = msg.data.codecs; player.last_codecs = msg.data.codecs;
//start gathering messages in a new msg queue. They won't be appended to the current source buffer //start gathering messages in a new msg queue. They won't be appended to the current source buffer
@ -597,6 +591,7 @@ p.prototype.build = function (MistVideo,callback) {
//play out buffer, then when we reach the starting timestamp of the new data, reset the source buffers //play out buffer, then when we reach the starting timestamp of the new data, reset the source buffers
var clear = function(){ var clear = function(){
//once the source buffer is done updating the current segment, clear the specified interval from the buffer //once the source buffer is done updating the current segment, clear the specified interval from the buffer
currPos = video.currentTime;
if (player && player.sb) { if (player && player.sb) {
player.sb._do(function(remaining_do_on_updateend){ player.sb._do(function(remaining_do_on_updateend){
if (!player.sb.updating) { if (!player.sb.updating) {
@ -610,7 +605,7 @@ p.prototype.build = function (MistVideo,callback) {
player.ms.onsourceended = null; player.ms.onsourceended = null;
//console.log("sb murdered"); //console.log("sb murdered");
if (player.debugging && remaining_do_on_updateend && remaining_do_on_updateend.length) { if (player.debugging && remaining_do_on_updateend && remaining_do_on_updateend.length) {
console.warn("There are do_on_updateend functions queued, which I *should* re-apply after clearing the sb."); console.warn("There are do_on_updateend functions queued, which I will re-apply after clearing the sb.");
} }
player.msinit().then(function(){ player.msinit().then(function(){
@ -618,10 +613,19 @@ p.prototype.build = function (MistVideo,callback) {
player.sb.do_on_updateend = remaining_do_on_updateend; player.sb.do_on_updateend = remaining_do_on_updateend;
var e = MistUtil.event.addListener(video,"loadedmetadata",function(){ var e = MistUtil.event.addListener(video,"loadedmetadata",function(){
MistVideo.log("Buffer cleared, setting playback position to "+MistUtil.format.time(t,{ms:true})); MistVideo.log("Buffer cleared");
var f = function() { var f = function() {
if (currPos > t) {
t = currPos;
}
if (!video.buffered.length || (video.buffered.end(video.buffered.length-1) < t)) {
if (player.debugging) { console.log("Desired seeking position ("+MistUtil.format.time(t,{ms:true})+") not yet in buffer ("+(video.buffered.length ? MistUtil.format.time(video.buffered.end(video.buffered.length-1),{ms:true}) : "null")+")"); }
player.sb._doNext(f);
return;
}
video.currentTime = t; video.currentTime = t;
MistVideo.log("Setting playback position to "+MistUtil.format.time(t,{ms:true}));
if (video.currentTime < t) { if (video.currentTime < t) {
player.sb._doNext(f); player.sb._doNext(f);
if (player.debugging) { console.log("Could not set playback position"); } if (player.debugging) { console.log("Could not set playback position"); }
@ -631,9 +635,7 @@ p.prototype.build = function (MistVideo,callback) {
var p = function(){ var p = function(){
player.sb._doNext(function(){ player.sb._doNext(function(){
if (video.buffered.length) { if (video.buffered.length) {
if (player.debugging) { //if (player.debugging) { console.log(video.buffered.start(0),video.buffered.end(0),video.currentTime); }
console.log(video.buffered.start(0),video.buffered.end(0),video.currentTime);
}
if (video.buffered.start(0) > video.currentTime) { if (video.buffered.start(0) > video.currentTime) {
var b = video.buffered.start(0); var b = video.buffered.start(0);
video.currentTime = b; video.currentTime = b;
@ -674,12 +676,45 @@ p.prototype.build = function (MistVideo,callback) {
clear(); clear();
break; break;
} }
function reachedSwitchingPoint(msg) {
if (player.debugging) { if (player.debugging) {
console.warn("reached switching point",msg.data.current*1e-3,MistUtil.format.time(msg.data.current*1e-3)); console.warn("reached switching point",msg.data.current*1e-3,MistUtil.format.time(msg.data.current*1e-3));
}
clear();
}
if (video.currentTime == 0) {
reachedSwitchingPoint(msg);
}
else {
if (msg.data.current >= video.currentTime*1e3) {
//wait untill the video has reached the time of the newly received track or the end of our buffer
var ontime = MistUtil.event.addListener(video,"timeupdate",function(){
if (msg.data.current < video.currentTime * 1e3) {
if (player.debugging) { console.log("Track switch: video.currentTime has reached switching point."); }
reachedSwitchingPoint(msg);
MistUtil.event.removeListener(ontime);
MistUtil.event.removeListener(onwait);
}
});
var onwait = MistUtil.event.addListener(video,"waiting",function(){
if (player.debugging) { console.log("Track switch: video has reached end of buffer.","Gap:",Math.round(msg.data.current - video.currentTime * 1e3),"ms"); }
reachedSwitchingPoint(msg);
MistUtil.event.removeListener(ontime);
MistUtil.event.removeListener(onwait);
});
}
else {
//subscribe to on_time, wait until we've received current playback point
//if we don't wait, the screen will go black until the buffer is full enough
var ontime = function(newmsg){
if (newmsg.data.current >= video.currentTime*1e3) {
reachedSwitchingPoint(newmsg);
player.ws.removeListener("on_time",ontime);
}
}
player.ws.addListener("on_time",ontime);
}
} }
clear();
} }
} }
} }
@ -870,7 +905,7 @@ p.prototype.build = function (MistVideo,callback) {
obj.type = "tracks"; obj.type = "tracks";
obj = MistUtil.object.extend({ obj = MistUtil.object.extend({
type: "tracks", type: "tracks",
seek_time: Math.max(0,video.currentTime*1e3-(500+player.ws.serverDelay.get())) //seek_time: Math.round(Math.max(0,video.currentTime*1e3-(500+player.ws.serverDelay.get())))
},obj); },obj);
send(obj); send(obj);
}, },
@ -1022,7 +1057,7 @@ p.prototype.build = function (MistVideo,callback) {
} }
console.log("waiting","currentTime",video.currentTime,"buffers",buffers,contained ? "contained" : "outside of buffer","readystate",video.readyState,"networkstate",video.networkState); console.log("waiting","currentTime",video.currentTime,"buffers",buffers,contained ? "contained" : "outside of buffer","readystate",video.readyState,"networkstate",video.networkState);
if ((video.readyState >= 2) && (video.networkState >= 2)) { if ((video.readyState >= 2) && (video.networkState >= 2)) {
console.error("Why am I waiting?!"); console.error("Why am I waiting?!",video.currentTime);
} }
}); });