mirror of
https://github.com/logsol/chuck.js.git
synced 2026-05-12 19:17:35 +00:00
updated pixi to v2
This commit is contained in:
parent
a5b3d2f671
commit
58b83f7297
95 changed files with 44677 additions and 3522 deletions
168
app/Lib/Vendor/src/pixi/textures/VideoTexture.js
vendored
Normal file
168
app/Lib/Vendor/src/pixi/textures/VideoTexture.js
vendored
Normal file
|
|
@ -0,0 +1,168 @@
|
|||
/**
|
||||
* A texture of a [playing] Video.
|
||||
*
|
||||
* See the ["deus" demo](http://www.goodboydigital.com/pixijs/examples/deus/).
|
||||
*
|
||||
* @class VideoTexture
|
||||
* @extends BaseTexture
|
||||
* @constructor
|
||||
* @param source {HTMLVideoElement}
|
||||
* @param scaleMode {Number} See {{#crossLink "PIXI/scaleModes:property"}}PIXI.scaleModes{{/crossLink}} for possible values
|
||||
*/
|
||||
PIXI.VideoTexture = function( source, scaleMode )
|
||||
{
|
||||
if( !source ){
|
||||
throw new Error( 'No video source element specified.' );
|
||||
}
|
||||
|
||||
// hook in here to check if video is already available.
|
||||
// PIXI.BaseTexture looks for a source.complete boolean, plus width & height.
|
||||
|
||||
if( (source.readyState === source.HAVE_ENOUGH_DATA || source.readyState === source.HAVE_FUTURE_DATA ) && source.width && source.height )
|
||||
{
|
||||
source.complete = true;
|
||||
}
|
||||
|
||||
PIXI.BaseTexture.call( this, source, scaleMode );
|
||||
|
||||
this.autoUpdate = false;
|
||||
this.updateBound = this._onUpdate.bind(this);
|
||||
|
||||
if( !source.complete )
|
||||
{
|
||||
this._onCanPlay = this.onCanPlay.bind(this);
|
||||
|
||||
source.addEventListener( 'canplay', this._onCanPlay );
|
||||
source.addEventListener( 'canplaythrough', this._onCanPlay );
|
||||
|
||||
// started playing..
|
||||
source.addEventListener( 'play', this.onPlayStart.bind(this) );
|
||||
source.addEventListener( 'pause', this.onPlayStop.bind(this) );
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
PIXI.VideoTexture.prototype = Object.create( PIXI.BaseTexture.prototype );
|
||||
|
||||
PIXI.VideoTexture.constructor = PIXI.VideoTexture;
|
||||
|
||||
PIXI.VideoTexture.prototype._onUpdate = function()
|
||||
{
|
||||
if(this.autoUpdate)
|
||||
{
|
||||
window.requestAnimationFrame(this.updateBound);
|
||||
this.dirty();
|
||||
}
|
||||
};
|
||||
|
||||
PIXI.VideoTexture.prototype.onPlayStart = function()
|
||||
{
|
||||
if(!this.autoUpdate)
|
||||
{
|
||||
window.requestAnimationFrame(this.updateBound);
|
||||
this.autoUpdate = true;
|
||||
}
|
||||
};
|
||||
|
||||
PIXI.VideoTexture.prototype.onPlayStop = function()
|
||||
{
|
||||
this.autoUpdate = false;
|
||||
};
|
||||
|
||||
PIXI.VideoTexture.prototype.onCanPlay = function()
|
||||
{
|
||||
if( event.type === 'canplaythrough' )
|
||||
{
|
||||
this.hasLoaded = true;
|
||||
|
||||
|
||||
if( this.source )
|
||||
{
|
||||
this.source.removeEventListener( 'canplay', this._onCanPlay );
|
||||
this.source.removeEventListener( 'canplaythrough', this._onCanPlay );
|
||||
|
||||
this.width = this.source.videoWidth;
|
||||
this.height = this.source.videoHeight;
|
||||
|
||||
// prevent multiple loaded dispatches..
|
||||
if( !this.__loaded ){
|
||||
this.__loaded = true;
|
||||
this.dispatchEvent( { type: 'loaded', content: this } );
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
PIXI.VideoTexture.prototype.destroy = function()
|
||||
{
|
||||
if( this.source && this.source._pixiId )
|
||||
{
|
||||
PIXI.BaseTextureCache[ this.source._pixiId ] = null;
|
||||
delete PIXI.BaseTextureCache[ this.source._pixiId ];
|
||||
|
||||
this.source._pixiId = null;
|
||||
delete this.source._pixiId;
|
||||
}
|
||||
|
||||
PIXI.BaseTexture.prototype.destroy.call( this );
|
||||
};
|
||||
|
||||
/**
|
||||
* Mimic Pixi BaseTexture.from.... method.
|
||||
*
|
||||
* @static
|
||||
* @method baseTextureFromVideo
|
||||
* @param video {HTMLVideoElement}
|
||||
* @param scaleMode {Number} See {{#crossLink "PIXI/scaleModes:property"}}PIXI.scaleModes{{/crossLink}} for possible values
|
||||
* @return {VideoTexture}
|
||||
*/
|
||||
PIXI.VideoTexture.baseTextureFromVideo = function( video, scaleMode )
|
||||
{
|
||||
if( !video._pixiId )
|
||||
{
|
||||
video._pixiId = 'video_' + PIXI.TextureCacheIdGenerator++;
|
||||
}
|
||||
|
||||
var baseTexture = PIXI.BaseTextureCache[ video._pixiId ];
|
||||
|
||||
if( !baseTexture )
|
||||
{
|
||||
baseTexture = new PIXI.VideoTexture( video, scaleMode );
|
||||
PIXI.BaseTextureCache[ video._pixiId ] = baseTexture;
|
||||
}
|
||||
|
||||
return baseTexture;
|
||||
};
|
||||
|
||||
/**
|
||||
* Mimic Pixi BaseTexture.from.... method.
|
||||
*
|
||||
* @static
|
||||
* @method textureFromVideo
|
||||
* @param video {HTMLVideoElement}
|
||||
* @param scaleMode {Number} See {{#crossLink "PIXI/scaleModes:property"}}PIXI.scaleModes{{/crossLink}} for possible values
|
||||
* @return {Texture} A Texture, but not a VideoTexture.
|
||||
*/
|
||||
PIXI.VideoTexture.textureFromVideo = function( video, scaleMode )
|
||||
{
|
||||
var baseTexture = PIXI.VideoTexture.baseTextureFromVideo( video, scaleMode );
|
||||
return new PIXI.Texture( baseTexture );
|
||||
};
|
||||
|
||||
/**
|
||||
* Mimic Pixi BaseTexture.from.... method.
|
||||
*
|
||||
* @static
|
||||
* @method fromUrl
|
||||
* @param videoSrc {String} The URL for the video.
|
||||
* @param scaleMode {Number} See {{#crossLink "PIXI/scaleModes:property"}}PIXI.scaleModes{{/crossLink}} for possible values
|
||||
* @return {VideoTexture}
|
||||
*/
|
||||
PIXI.VideoTexture.fromUrl = function( videoSrc, scaleMode )
|
||||
{
|
||||
var video = document.createElement('video');
|
||||
video.src = videoSrc;
|
||||
video.autoPlay = true;
|
||||
video.play();
|
||||
return PIXI.VideoTexture.textureFromVideo( video, scaleMode);
|
||||
};
|
||||
Loading…
Add table
Add a link
Reference in a new issue