我正在尝试按顺序(自动)一个接一个地将流视频序列设置到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>
我希望在第一个视频结束后,自动开始下一个视频。