एंगुलर 2 के साथ एमपी 3 कैसे खेलें?

Question

मैं एक छोटा आयनिक/कोणीय अनुप्रयोग लिखना चाहता हूं जहां मैं एक दूरस्थ सर्वर से एक गतिशील एमपी 3 फ़ाइल लोड करता हूं और बटन दबाकर इसे चलाता हूं या यदि यह चेक किया जाता है तो मैं इसे स्वचालित रूप से चलाता हूं। मैं सरल <audio></audio> उपयोग करने के लिए कोशिश की, लेकिन मुझे यकीन है कि अगर यह इस बात के लिए अच्छा तरीका है नहीं कर रहा हूँ ...

कोड:

एचटीएमएल

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

जावास्क्रिप्ट

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

Answer 1

आप एक नया ऑडियो बना सकते हैं जावास्क्रिप्ट कोड में तत्व ... एचटीएमएल

उदाहरण के लिए

में नहीं:

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