Mirrors/phaser
2
0
Fork 0
mirror of https://github.com/photonstorm/phaser synced 2024-11-16 01:38:23 +00:00
Code Issues Projects Releases Packages Wiki Activity

Testing Video events

Browse source
This commit is contained in:
Richard Davey 2022-12-02 13:35:20 +00:00
parent 896afcb68f
commit 6080bca8e5
1 changed files with 56 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

68
src/gameobjects/video/Video.js
View file

@ -486,8 +486,19 @@ var Video = new Class({
video.loop = loop;
return this.createPlayPromise();
},
createPlayPromise: function ()
{
var video = this.video;
var callbacks = this._callbacks;
if (this.isPlaying())
{
// this.stop();
}
var playPromise = video.play();
if (playPromise !== undefined)
@ -497,26 +508,52 @@ var Video = new Class({
else
{
// Old-school browsers with no Promises
video.addEventListener('playing', callbacks.play, true);
video.addEventListener('playing', callbacks.play);
// If video hasn't downloaded properly yet ...
if (video.readyState < 2)
{
this.retry = this.retryLimit;
if (this._retryID)
{
window.clearTimeout(this._retryID);
}
this._retryID = window.setTimeout(this.checkVideoProgress.bind(this), this.retryInterval);
}
}
// Set these _after_ calling `play` or they don't fire (useful, thanks browsers)
video.addEventListener('ended', callbacks.end, true);
video.addEventListener('timeupdate', callbacks.time, true);
video.addEventListener('seeking', callbacks.seeking, true);
video.addEventListener('seeked', callbacks.seeked, true);
video.addEventListener('error', callbacks.error);
video.addEventListener('abort', callbacks.error);
video.addEventListener('stalled', callbacks.error);
video.addEventListener('suspend', callbacks.error);
video.addEventListener('waiting', callbacks.error);
video.addEventListener('ended', callbacks.end);
video.addEventListener('timeupdate', callbacks.time);
video.addEventListener('seeking', callbacks.seeking);
video.addEventListener('seeked', callbacks.seeked);
video.addEventListener('play', this.playHandler2.bind(this));
video.addEventListener('pause', this.pauseHandler.bind(this));
return this;
},
playHandler2: function (event)
{
console.log('play', this._cacheKey);
},
pauseHandler: function (event)
{
console.log('paused', this._cacheKey);
// this.video.play();
},
/**
* This method allows you to change the source of the current video element. It works by first stopping the
* current video, if playing. Then deleting the video texture, if one has been created. Finally, it makes a
@ -854,8 +891,8 @@ var Video = new Class({
video.setAttribute('crossorigin', crossOrigin);
}
video.addEventListener('error', this._callbacks.error, true);
video.addEventListener(loadEvent, this._callbacks.load, true);
video.addEventListener('error', this._callbacks.error);
video.addEventListener(loadEvent, this._callbacks.load);
video.src = url;
@ -964,6 +1001,8 @@ var Video = new Class({
*/
playPromiseErrorHandler: function (error)
{
console.log('pp error handler', error);
this.scene.sys.input.once(InputEvents.POINTER_DOWN, this.unlockHandler, this);
this.touchLocked = true;
@ -1044,9 +1083,10 @@ var Video = new Class({
this.video.currentTime = this._markerIn;
}
this.video.play();
this.createPlayPromise();
this.emit(Events.VIDEO_PLAY, this);
// this.video.play();
// this.emit(Events.VIDEO_PLAY, this);
},
/**
@ -1060,6 +1100,7 @@ var Video = new Class({
*/
completeHandler: function ()
{
console.log('ended');
this.emit(Events.VIDEO_COMPLETE, this);
},
@ -1121,6 +1162,8 @@ var Video = new Class({
{
this.emit(Events.VIDEO_COMPLETE, this);
console.log('prEUp stop');
this.stop();
}
}
@ -1501,7 +1544,8 @@ var Video = new Class({
if (this.video && !this._codePaused)
{
this.video.play();
this.createPlayPromise();
// this.video.play();
}
},
@ -1541,7 +1585,7 @@ var Video = new Class({
{
if (video.paused && !this._systemPaused)
{
video.play();
this.createPlayPromise();
}
}
}
@ -1767,7 +1811,7 @@ var Video = new Class({
for (var callback in callbacks)
{
video.removeEventListener(callback, callbacks[callback], true);
video.removeEventListener(callback, callbacks[callback]);
}
video.pause();