Angular 2でmp3を再生するには？

Question

リモートサーバからダイナミックmp3ファイルをロードし、ボタンを押して再生する小さなイオン/角度アプリケーションを作成したい、またはチェックされていれば自動的に再生します。私は、単純な<audio></audio>を使用しようとしましたが、私は、これは、このための良い方法であるかどうかわからないです...

コード：

HTML

<audio id="player"> 
<source id="source" src="http://remote.address.com/example.mp3"></source> 
</audio> 

javascriptの

play(){ 
var audio= document.getElementById('player'); 
audio.play(); 
} 

Answer 1

新しいオーディオを作成することができます例えばJavaScriptコードではない... HTML

の要素：

var audio = new Audio(); 
audio.src = "http://remote.address.com/example.mp3"; 
audio.load(); 
audio.play(); 

Answer 2

あなたはイオン-2 /角度-2モバイルアプリケーションでサウンドを実行したい場合。

Follow Ionic 2 guide here

インストール：

ionic plugin add --save cordova-plugin-nativeaudio 
npm install --save @ionic-native/native-audio 

使用法：

import { NativeAudio } from '@ionic-native/native-audio'; 

    constructor(private nativeAudio: NativeAudio) { } 



    this.nativeAudio.preloadSimple('uniqueId1','path/to/file.mp3').then(onSuccess, onError); 
    this.nativeAudio.preloadComplex('uniqueId2','path/to/file2.mp3', 1, 1, 0).then(onSuccess, onError); 

    this.nativeAudio.play('uniqueId1').then(onSuccess, onError); 

    // can optionally pass a callback to be called when the file is done playing 
    this.nativeAudio.play('uniqueId1',() =>console.log('uniqueId1 is done playing')); 

source-1 : https://stackoverflow.com/a/43917441/6786941