Angular 2 ile nasıl mp3 çalar?

Question

Uzak bir sunucudan dinamik bir mp3 dosyası yüklediğim ve bir düğmeye basmak için oynattığım VEYA işaretliyse otomatik olarak oynattığım küçük bir iyonik/açısal uygulama yazmak istiyorum. Basit <audio></audio> kullanmaya çalıştı ama ... Bu bunun için iyi bir yoldur emin değilim

kodu:

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

Yeni bir ses oluşturabilirsiniz. JavaScript kodu eleman ... değil HTML örneğin

yılında: Eğer İon-2/Eğik-2 mobil uygulama sesi çalıştırmak istiyorsanız

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

Answer 2

.

Follow Ionic 2 guide here

yükleyin:

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

Kullanımı:

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