cordova打字稿媒体插件MediaPlayer

时间:2017-09-08 02:45:53

标签: cordova ionic-framework cordova-plugins visual-studio-cordova

在2017年的Visual Studio社区中,我开始使用&#34; Ionic 2 - Sidemenu&#34;模板。 (Ionic2,Angular2,TypeScript)我想使用Media cordova插件,并播放(音频)mp3文件。案例:应用程序打开&gt; <显示音频控件>演员点击播放按钮&gt;播放音频文件。

在VS中,我使用了config.xml&gt;用于安装插件的插件UI。然后在我的app.component.ts文件中,我将它放在顶部。

import { MediaPlugin } from 'ionic-native';

这是在同一个文件中

initializeApp() {
  this.platform.ready().then(() => {
    console.log(MediaPlugin);
  });
}

在控制台中吐出这个。 enter image description here

问题#1:我必须做什么

var myPlayer = new Media(src, success, fail) 

ts文件中的某个地方?我认为我必须使用不同的代码,因为我使用的是TypeScript。

问题2:我在html中放置什么来在UI中显示媒体播放器?我现在在html中有这个

<audio controls></audio>

但也许我需要别的东西,因为我正在使用离子。

目前我尝试让播放器播放一个mp3文件,用于按钮点击处理程序:

setSrc() {
    var myPlayer = document.getElementsByTagName('audio')[0];
    // the intellisense verifies that this path is correct
    myPlayer.src = '../../audio/Capitolo_7s.mp3'; 
}

我在媒体播放器的用户界面中收到错误:

This type of audio file isn't supported

感谢。

1 个答案:

答案 0 :(得分:1)

Ionic有一个cordova原生插件的包装器

在此链接中查看其文档和用法 Ionic Native - Media