有没有办法匹配IONIC“结束视频流”事件?

时间:2019-04-14 10:56:08

标签: ionic-framework events video-streaming

我正在尝试按顺序(自动)一个接一个地将流视频序列设置到IONIC移动应用程序中。如何匹配“结束流视频事件” 调度下一个视频的开始

我已经尝试过通过单击事件一键单击按钮来开始流式传输视频。

video.page.ts

// video options
public videoOptions: StreamingVideoOptions = {
    successCallback: () => {},
    errorCallback: () => {},
    orientation: 'portrait',
    shouldAutoClose: true,    
    controls: true
  }

//play video streaming function
public play(path='/path/to/video.mp4'){
    this.streamingMedia.playVideo(path, this.videoOptions);
  }

video.page.html

<!-- 1st Video -->
<div style="width: 100%; padding: 26px; text-align:left;">
   <span>Video1</span> 
</div>
<div style="width: 100%; padding: 26px; text-align:right;">
   <ion-button sexpand="block" (click)="play()">
   <ion-icon name="play"></ion-icon>Play</ion-button>    
</div>

<!-- 2nd Video -->
<div style="width: 100%; padding: 26px; text-align:left;">
   <span>Video2</span> 
</div>
<div style="width: 100%; padding: 26px; text-align:right;">
   <ion-button sexpand="block" (click)="play()">
   <ion-icon name="play"></ion-icon>Play</ion-button>    
</div>

我希望在第一个视频结束后,自动开始下一个视频。

0 个答案:

没有答案