Flex: восстановление потока Spark VideoDisplay

ИЗМЕНИТЬ Если бы кто-нибудь мог хотя бы сказать мне, как получить событие, когда потоки отключаются, это было бы здорово.

Документация для этого элемента управления просто ужасна. У меня есть приложение, в котором будет транслироваться видеопоток, и я ищу способ заставить элемент управления VideoDisplay восстановить свое соединение в случае возникновения любого из этих конкретных сценариев:

  1. Приложение запустится, а трансляция еще не подключена.
  2. Приложение работает в потоковом режиме, и пользователь отключен от Интернета.
  3. Приложение работает в потоковом режиме, а видеосервер вылетает и перезагружается.

Я использую Wowza Media Server и Wirecast, чтобы проверить это. 1 и 3 не работают, я не уверен, что работает номер 2. Я добился работы номер 1, добавив этот очень сомнительный фрагмент кода:

    protected function onMediaPlayerStateChange(event:MediaPlayerStateChangeEvent):void
    {
        if (event.state == MediaPlayerState.PLAYBACK_ERROR)
        {
            var videoSource:DynamicStreamingVideoSource = this.videoDisplay.source as DynamicStreamingVideoSource;

            try
            {
                this.videoDisplay.source = null;
                this.videoDisplay.source = videoSource;
            }
            catch (any:*) {}
        }
    }

Как видите, мне нужен блок try / catch, поскольку оба вызова source вызывают исключения, но все, что происходит до этих исключений, похоже, решает проблему №1. Это не решает проблему №3, потому что событие изменения состояния носителя, по-видимому, не происходит, когда вы останавливаете видеосервер.

Это мое контрольное объявление:

<s:VideoDisplay id="videoDisplay" click="onVideoStreamClick(event)" mediaPlayerStateChange="onMediaPlayerStateChange(event)" muted="{this.videoMuted}" top="10" width="280" height="220" autoPlay="true" horizontalCenter="0">
    <s:source>
        <s:DynamicStreamingVideoSource id="videoSource" streamType="live" host="{FlexGlobals.topLevelApplication.parameters.videoStreamURL}">
            <s:DynamicStreamingVideoItem id="videoItemLow" streamName="{FlexGlobals.topLevelApplication.parameters.videoLow}" bitrate="{FlexGlobals.topLevelApplication.parameters.videoLowBitrate}" />
            <s:DynamicStreamingVideoItem id="videoItemMedium" streamName="{FlexGlobals.topLevelApplication.parameters.videoMedium}" bitrate="{FlexGlobals.topLevelApplication.parameters.videoMediumBitrate}" />
            <s:DynamicStreamingVideoItem id="videoItemHigh" streamName="{FlexGlobals.topLevelApplication.parameters.videoHigh}" bitrate="{FlexGlobals.topLevelApplication.parameters.videoHighBitrate}" />
        </s:DynamicStreamingVideoSource>
    </s:source>
</s:VideoDisplay>

Кто-нибудь знает, как восстановить VideoDisplay после этих проблем? Любая помощь приветствуется, спасибо.


person JayPea    schedule 08.12.2011    source источник


Ответы (4)


Если у кого-то есть такая проблема, вот как я ее решил. Вам нужно установить источник видео на пустое изображение, чтобы остановить потоковую передачу, иначе она никогда не остановится. Это решение работает для всех описанных выше сценариев:

    private function resetVideo():void
    {           
        //save current source object
        this.videoEventsDisabled = true;
        var videoSource:DynamicStreamingVideoSource = this.videoDisplay.source as DynamicStreamingVideoSource;

        try //switch to blank image, only this will stop the video stream
        {
            this.videoDisplay.source = "assets/images/video_offline.png";
        }
        catch (any:*) {}

        //wait a few seconds and reset video source
        setTimeout(resetVideoSource, 2000, videoSource);
    }

    private function resetVideoSource(videoSource:DynamicStreamingVideoSource):void
    {
        this.videoEventsDisabled = false;
        this.videoDisplay.source = videoSource;
    }

    protected function onMediaPlayerStateChange(event:MediaPlayerStateChangeEvent):void
    {
        if (this.videoEventsDisabled)
        {
            return;
        }

        //something went wrong
        if (event.state == MediaPlayerState.PLAYBACK_ERROR)
        {
            resetVideo();
        }
    }

    protected function onCurrentTimeChange(event:TimeEvent):void
    {
        if (this.videoEventsDisabled)
        {
            return;
        }

        //if there was a number before, and its suddendly NaN, video is offline
        if (isNaN(event.time) && !isNaN(this.previousVideoTime))
        {
            resetVideo();
        }
        else //store event time for future comparisons
        {
            this.previousVideoTime = event.time;
        }
    }

MXML:

<s:VideoDisplay id="videoDisplay" click="onVideoStreamClick(event)" mediaPlayerStateChange="onMediaPlayerStateChange(event)" currentTimeChange="onCurrentTimeChange(event)" muted="{this.videoMuted}" top="10" width="280" height="220" autoPlay="true" horizontalCenter="0">
    <s:source>
        <s:DynamicStreamingVideoSource id="videoSource" streamType="live" host="{FlexGlobals.topLevelApplication.parameters.videoStreamURL}">
            <s:DynamicStreamingVideoItem id="videoItemLow" streamName="{FlexGlobals.topLevelApplication.parameters.videoLow}" bitrate="{FlexGlobals.topLevelApplication.parameters.videoLowBitrate}" />
            <s:DynamicStreamingVideoItem id="videoItemMedium" streamName="{FlexGlobals.topLevelApplication.parameters.videoMedium}" bitrate="{FlexGlobals.topLevelApplication.parameters.videoMediumBitrate}" />
            <s:DynamicStreamingVideoItem id="videoItemHigh" streamName="{FlexGlobals.topLevelApplication.parameters.videoHigh}" bitrate="{FlexGlobals.topLevelApplication.parameters.videoHighBitrate}" />
        </s:DynamicStreamingVideoSource>
    </s:source>
</s:VideoDisplay>
person JayPea    schedule 09.12.2011

Как вариант, вы можете обрабатывать NetStream.Play.PublishNotify из объекта NetStream.

var _source:DynamicStreamingResource;
_source = new DynamicStreamingResource("rtmp://...", StreamType.LIVE);

var streamItems:Vector.<DynamicStreamingItem> = new Vector.<DynamicStreamingItem>();
streamItems.push(new DynamicStreamingItem(streamName, 0));

_source.streamItems = streamItems;

_rtmpDynamicStreamingNetLoader = new RTMPDynamicStreamingNetLoader();
_rtmpDynamicStreamingNetLoader.addEventListener(LoaderEvent.LOAD_STATE_CHANGE, rtmpDynamicStreamingNetLoaderStateChangeHandler);

var cvp:VideoDisplay = new VideoDisplay();

_source.mediaType = MediaType.VIDEO;

var videoElement:MediaElement = new VideoElement(_source, _rtmpDynamicStreamingNetLoader);

cvp.source = videoElement;

private function rtmpDynamicStreamingNetLoaderStateChangeHandler(event:LoaderEvent):void
{
    var netStream:NetStream = event.loadTrait["netStream"] as NetStream;
    if (netStream != null && !netStream.hasEventListener(NetStatusEvent.NET_STATUS)) {
        netStream.addEventListener(NetStatusEvent.NET_STATUS, netStreamNetStatusHandler, false, 0, true);
    }
}

private function netStreamNetStatusHandler(event:NetStatusEvent):void
{
    if (event.info.code == "NetStream.Play.UnpublishNotify") {

    }
    if (event.info.code == "NetStream.Play.PublishNotify") {

    }
 }
person Johnatan Nevermind    schedule 10.02.2012

Я использовал код Johnatan вместе с идеей JayPea для решения моей проблемы!

Я использовал все, что дал Джонатан, со следующим небольшим изменением в netStreamNetStatusHandler ():

private function netStreamNetStatusHandler(event:NetStatusEvent):void
{
    trace(event.info.code);

    if (event.info.code == "NetStream.Play.PublishNotify")
    {
        try
        {
            cvp.source = ''; //Doesn't need to be a valid path. Empty string should suffice.
        }
        catch (error:Error)
        {
            trace('Video source error: ' + error.message);
        }

        cvp.source = videoElement;
    }
}

Это сбрасывает источник, когда поток останавливается и перезапускается, что приводит к повторному воспроизведению видео.

ПРИМЕЧАНИЕ. Для свойства autoPlay отображения видео необходимо установить значение «true».

person David Frank    schedule 15.06.2016

Я знаю, что этот вопрос задавали много лет назад, но он все же помог мне решить мою проблему, побудив меня погрузиться в источники VideoDisplay (поскольку, очевидно, не существует "чистого" решения ;-(

И для тех, у кого такая же проблема, мое "решение" тоже может быть полезно:

Мне пришлось перезапустить то же видео после того, как пользователь нажал кнопку «Прервать», но затем решил воспроизвести его снова. Без «сброса» VideoDisplay это привело к черному экрану.

Вот как я решил проблему после того, как узнал, что в VideoDisplay вызывалась внутренняя функция setupSource (), когда в функции commitProperties () не было определено thumnailSource.

Поскольку функция setupSource () не была общедоступной, я использовал следующее:

        myVideoDisplaySpark.enabled = false; // changes properties
        myVideoDisplaySpark.source = "";    // does not harm ;-)
        myVideoDisplaySpark.mx_internal::thumbnailSource = null; // forces a setupSource in commitProperties
        myVideoDisplaySpark.enabled = true;  // finally results in the call if setupSource

По крайней мере, я так понял; и в конце концов это сработало для меня ;-)

person hnuecke    schedule 03.06.2017