Question

我正在尝试使用“流媒体”组件向Ionic应用程序添加查看实时视频的功能。

我尝试使用组件文档中给出的示例，但没有成功

let options: StreamingVideoOptions = {
  successCallback: () => { console.log('Video played') },
  errorCallback: (e) => { console.log('Error streaming') },
  orientation: 'landscape',
  shouldAutoClose: true,
  controls: false
};

this.streamingMedia.playVideo('https://www.youtube.com/watch?v=xC2s4HAWoXA', options);

我应该可以播放youtube视频，但视频无法开始播放。

Answer 1

this.streamingMedia.playVideo('https://www.youtube.com/watch?v=xC2s4HAWoXA', options);

在这里，您应该直接使用.mp4等文件，而不要使用youtube视频网址。

例如；

 this.streamingMedia.playVideo('https://sample-videos.com/video123/mp4/480/big_buck_bunny_480p_10mb.mp4', options);

此外，您应该添加;

import {StreamingMedia,StreamingAudioOptions} from "@ionic-native/streaming-media/ngx";

添加到页面的.ts文件中，并将StreamingMedia添加到app.module.ts的providers部分。那样；

  providers: [
StatusBar,
SplashScreen,
{provide: ErrorHandler, useClass: IonicErrorHandler},
StreamingMedia
   ]

如何使用“流媒体”组件

1 个答案: