Video player

joshtynjala

Yeah, you're right. Well, I'll add a proper event for the end of the video. I think I remember that someone else asked about that the other day, and I can tell that it will be a common requirement.

crooksy

He he! That was me 😉

Although it will definitely be a common requirement.

pol2095

@Josh Tynjala
Is-it possible to add a download progress bar like this ?

joshtynjala

I won't be able to get it into Feathers 2.2 (I'm way behind schedule, due to a big move to a different state), but that's definitely something that I want to add.

joshtynjala

Some updates, for those interested:

* Event.COMPLETE is now dispatched when the video reaches the end.
* Seeking seems to work properly on both iOS and Android with AIR 18.0.0.143. It must have been a bug in previous versions of the runtime.
* I fixed the issue where the video disappeared after a lost context.

flexinfo

For a desktop app with Air 15.0 and Starling 1.7rc I got this error:
Error: Video Textures are not supported on this platform
at starling.textures::Texture$/fromVideoAttachment()

Resolved by setting AIRSDK 18

DougAhau137

Thanks for the VideoPlayer code Josh, it works well but just as with my own custom implementations, video playback under any scenario that experiences a loss of context on a mobile or desktop devices kills the main application due to invalid texture errors.

Feathers VideoPlayer - typically suffers with 'Error #3605: Sampler 0 binds an invalid texture.'
Other implementations most often experience - 'Error #3700: A texture sampler binds an incomplete texture. Make sure to upload(). All miplevels are required when mipmapping is enabled.' or 'Error #3672: Buffer creation failed. Internal error.'

Nice and vague hey!

Loss of context happens on Android rotation & on a dual monitor setup (on mac) when the user drags an app from primary to secondary screen.
I have wasted a week trying to find a workable solution and as yet it seems impossible...

Would you care to offer your findings regarding video playback under these same scenarios please?

Best regards

joshtynjala

That's quite strange. I tested lost contexts extensively, on multiple platforms, because I noticed that Starling's default behavior for video textures results in similar errors. I provided a custom onRestore function that pauses the NetStream before reattaching it, and that seemed to restore the context more successfully every time.

Are you using 2.2.0-beta? Or could it be that you're still using an older commit?

At one point, I had actually put some code in to dispatch an event when a texture started restoring, so that you could set the ImageLoader's source property to null temporarily until Event.READY was dispatched again. However, once I found that this wasn't required, I removed it. If you wanted to put together a workaround, I would suggest something like that.

DougAhau137

Hey Josh,

Thanks for the update.

I'm using 2.2.0 beta built as a swc from your source beginning of July.
Starling version is 1.7.1 built at the same time.

As i mentioned i haven't been able to handle lost context when using VideoTexture without an error on any Android devices. I tried quite a few ways and they all for some reason seem to hold on to a Texture somewhere that i can't control.

Best regards

joshtynjala

The code that I used was very similar to what is described in the beta Video Player documentation.

I probably only tested on Android Lollipop. My main Android devices for testing are a Nexus 5, Nexus 7 (2012), and Nexus 10.

DougAhau137

Hey Josh,

Here is confirmation of the issue using a vastly simplified project setup built with Starling 1.7.1, Feathers 2.2.0 and either AIR 19.0.0.124 or 18.0.0.143.

The app launches on the device, after a few seconds playback starts and after a slight pause the device is rotated. A crash occurs every time regardless of AIR SDK version.

I will update this info tomorrow when i'm in the office as we have several other devices to test against.

Below is the output when running on the devices plus code.

HTC One S -> Android 4.1.1
Trying to connect to Player Player connected; session starting. [trace] [object Main] Main [trace] [object Main] initStage [trace] [object Main] init [trace] [object Main] configureStarling [trace] [Starling] Initialization complete. [trace] [Starling] Display Driver: OpenGL [trace] [object Main] -----> onStarlingContext <----- [trace] [object StarlingContainer] StarlingContainer [trace] [object StarlingContainer] initStage [trace] [object StarlingContainer] init [trace] [object Main] onStarlingRoot [trace] [object StarlingContainer] onVideoPlayerReady [trace] [Starling] Initialization complete. [trace] [Starling] Display Driver: OpenGL [trace] [object Main] -----> onStarlingContext <----- [Fault] exception, information=Error: Error #3605: Sampler 0 binds an invalid texture.

HTC Desire 510 -> Android 4.4.3
Trying to connect to Player Player connected; session starting. [trace] [object Main] Main [trace] [object Main] initStage [trace] [object Main] init [trace] [object Main] configureStarling [trace] [Starling] Initialization complete. [trace] [Starling] Display Driver: OpenGL [trace] [object Main] -----> onStarlingContext <----- [trace] [object StarlingContainer] StarlingContainer [trace] [object StarlingContainer] initStage [trace] [object StarlingContainer] init [trace] [object Main] onStarlingRoot [trace] [object StarlingContainer] onVideoPlayerReady [trace] [Starling] Initialization complete. [trace] [Starling] Display Driver: OpenGL [trace] [object Main] -----> onStarlingContext <----- [Fault] exception, information=Error: Error #3605: Sampler 0 binds an invalid texture.

Samsung GT-P7300 -> Android 4.0.4
Trying to connect to Player Player connected; session starting. [trace] [object Main] Main [trace] [object Main] initStage [trace] [object Main] init [trace] [object Main] configureStarling [trace] [Starling] Initialization complete. [trace] [Starling] Display Driver: OpenGL [trace] [object Main] -----> onStarlingContext <----- [trace] [object StarlingContainer] StarlingContainer [trace] [object StarlingContainer] initStage [trace] [object StarlingContainer] init [trace] [object Main] onStarlingRoot [trace] [object StarlingContainer] onVideoPlayerReady [trace] [Starling] Initialization complete. [trace] [Starling] Display Driver: OpenGL [trace] [object Main] -----> onStarlingContext <----- [Fault] exception, information=Error: Error #3605: Sampler 0 binds an invalid texture.

package {

import flash.display.Sprite;
import flash.display.StageAlign;
import flash.display.StageScaleMode;
import flash.display3D.Context3DProfile;
import flash.display3D.Context3DRenderMode;
import flash.events.Event;

import starling.core.Starling;
import starling.events.Event;

public class Main extends Sprite {

    private var starlingUi:Starling;

    public function Main() {
        trace(this, "Main");
        addEventListener(flash.events.Event.ADDED_TO_STAGE, initStage);
    }

    private function initStage(event:flash.events.Event):void {
        trace(this, "initStage");
        removeEventListener(flash.events.Event.ADDED_TO_STAGE, initStage);
        stage.align = StageAlign.TOP_LEFT;
        stage.scaleMode = StageScaleMode.NO_SCALE;
        init();
    }

    private function configureStarling():void {
        trace(this, "configureStarling");
        Starling.multitouchEnabled = false;
        Starling.handleLostContext = true;
    }

    private function init():void {
        trace(this, "init");
// loaderInfo.uncaughtErrorEvents.addEventListener(UncaughtErrorEvent.UNCAUGHT_ERROR, uncaughtErrorHandler);
        configureStarling();
        starlingUi = new Starling(StarlingContainer, stage, null, null, Context3DRenderMode.AUTO, Context3DProfile.BASELINE);
        starlingUi.enableErrorChecking = true;
        starlingUi.simulateMultitouch = false;
        starlingUi.showStats = false;
// starlingUi.supportHighResolutions = true;
        starlingUi.addEventListener(starling.events.Event.CONTEXT3D_CREATE, onStarlingContext);
        starlingUi.addEventListener(starling.events.Event.ROOT_CREATED, onStarlingRoot);
        starlingUi.addEventListener(starling.events.Event.FATAL_ERROR, onStarlingFatal);
        starlingUi.addEventListener(starling.events.Event.RENDER, onStarlingRender);
        starlingUi.start();
    }

    private function onStarlingContext(event:starling.events.Event):void {
        trace(this, "-----> onStarlingContext <-----");
    }

    private function onStarlingRoot(event:starling.events.Event):void {
        trace(this, "onStarlingRoot");
    }

    private function onStarlingFatal(event:starling.events.Event):void {
        trace(this, "onStarlingFatal");
    }

    private function onStarlingRender(event:starling.events.Event):void {
// trace(this, "onStarlingRender");
    }
}
}

package {

import feathers.controls.ImageLoader;
import feathers.media.VideoPlayer;

import starling.display.Sprite;
import starling.events.Event;

public class StarlingContainer extends Sprite {

    private var player:VideoPlayer;
    private var loader:ImageLoader;

    public function StarlingContainer() {
        trace(this, "StarlingContainer");
        addEventListener(Event.ADDED_TO_STAGE, initStage);
    }

    private function initStage(event:Event):void {
        trace(this, "initStage");
        removeEventListener(Event.ADDED_TO_STAGE, initStage);
        init();
    }

    private function init():void {
        trace(this, "init");
        loader = new ImageLoader();
        player = new VideoPlayer();
        player.addChild(loader);
        player.setSize(320, 300);
        player.addEventListener(Event.READY, onVideoPlayerReady);
        player.videoSource = "assets/business_phrase.m4v";
        addChild(player);
    }

    private function onVideoPlayerReady(event:Event):void {
        trace(this, "onVideoPlayerReady");
        loader.source = player.texture;
    }
}
}

Daniel

I've heard from Adobe that they are aware of a problem with video textures vs. context loss on Android, and are working on a fix. Stay tuned!

DougAhau137

Thanks for the update Daniel.

Devices that exhibit the same error:

* HTC One S -> Android 4.1.1.
* HTC Desire 510 -> Android 4.4.3.
* Samsung Tab GT-P7300 -> Android 4.0.4.
* Samsung Galaxy S4 GT19505 -> Android 4.3.
* Kindle Fire HD 7 -> Fire OS 4.5.4 (Android 4.4.3).
* Huwawei Y330-U01 -> Android 4.2.2.
* Samsung Note 3 SM-N9005 -> Android 4.4.2.
* Xiaomi Mi 4 -> Android 4.4.4.

AGulev

Hello,
I have an issue with VideoPlayer.
Player doesn't work with *.flv video on ios and anroid. (Doesn't show anything, but NetStatusEvent.NET_STATUS event dispatch as video playing)
adl - works fine.
Is it by design or bug? Can you help me with it?

AGulev

I tried create my own player and found interesting things.
This code doesn't work (creating texture using Texture.fromNetStream):

vidClient = {};
vidClient.onMetaData = onMetaData;
nc = new NetConnection();
nc.connect(null);
ns = new NetStream(nc);
ns.client = vidClient;
ns.addEventListener(NetStatusEvent.NET_STATUS, onNetStatus);
Texture.fromNetStream(ns,1,
function(texture:Texture):void
{
	image = new Image(texture);
	addChild(image);
});
ns.play("comp1.flv");

This code work good:

vidClient = {};
vidClient.onMetaData = onMetaData;
nc = new NetConnection();
nc.connect(null);
ns = new NetStream(nc);
ns.client = vidClient;
ns.addEventListener(NetStatusEvent.NET_STATUS, onNetStatus);
vTexture = Starling.context.createVideoTexture();
vTexture.attachNetStream(ns);
cTexture = new ConcreteTexture(vTexture, Context3DTextureFormat.BGRA, stage.stageWidth, stage.stageHeight, false, true, true);
image = new Image(cTexture);
addChild(image);
ns.play("comp1.flv");

Maybe, it can help.

PCouture

I'm a streaming video and AS3 Architect just starting to learn Starling/Feathers. I already have a cross platform streaming video framework www.indiestre.am and as3 framework www.confluenceframework.com let me know if you want help with this particular module. I'd be interested in helping out.

5minutes2start

Hi,
I have also an issue playing flv on Android.
There is a sound playing but not a video.
I works fine on adl

Qilu

Hi,

I am trying to stream video to our app. The Facebook web/desktop version works great streaming an http url from our server using ns.play(url);

However on Mobile we are getting similar issues to others here on the forums. Does the URl for ns.play() need to be in HLS format to work on apple while streaming from our servers? We are using .f4v file

Astraport

Video player not displayed on iOS, on desktop all fine.

widthStage = this.stage.stageWidth;
heightStage = this.stage.stageHeight;
player = new VideoPlayer();

addChild(player);

var loader:ImageLoader = new ImageLoader();
player.addChild (loader);
player.videoSource = "http://mysite.com/apps/tunel.flv";
player.addEventListener( Event.READY, function videoPlayer_readyHandler( event:Event ):void
{
	loader.source = player.texture;
	loader.maintainAspectRatio = false;
	player.netStream.addEventListener(NetStatusEvent.NET_STATUS, ns_statusHandler1);
	loader.setSize(widthStage, heightStage);
});

player.play();

joshtynjala

Perhaps your video is in a format that cannot be played on iOS.

Please note that autoPlay is true by default, so you don't need to call play() manually. You only need to set the videoSource property.

« Previous Page Next Page »