आयोनिक - कॉर्डोवा देशी ऑडियो
इस प्लगइन का उपयोग Ionic ऐप में देशी ऑडियो ध्वनियों को जोड़ने के लिए किया जाता है।
मूल ऑडियो का उपयोग करना
इस प्लगइन का उपयोग करने में सक्षम होने के लिए, हमें पहले इसे स्थापित करने की आवश्यकता है। कमांड प्रॉम्प्ट विंडो खोलें और कॉर्डोवा प्लगइन जोड़ें।
C:\Users\Username\Desktop\MyApp>cordova plugin add cordova-plugin-nativeaudio
इस प्लगइन का उपयोग शुरू करने से पहले हमें ऑडियो फाइल की आवश्यकता होगी। सरलता के लिए, हम अपने को बचाएंगेclick.mp3 अंदर फ़ाइल करें js फ़ोल्डर, लेकिन आप इसे जहाँ चाहें रख सकते हैं।
अगला कदम ऑडियो फाइल को प्रीलोड करना है। दो विकल्प उपलब्ध हैं, जो हैं -
preloadSimple - यह सरल ध्वनियों के लिए उपयोग किया जाता है जो एक बार खेला जाएगा।
preloadComplex - यह उन ध्वनियों के लिए है जिन्हें लूपिंग ध्वनियों या पृष्ठभूमि ऑडियो के रूप में खेला जाएगा।
ऑडियो फ़ाइल को प्रीलोड करने के लिए अपने कंट्रोलर में निम्न कोड जोड़ें। हमें यह सुनिश्चित करने की आवश्यकता है कि ऑडियो फ़ाइल को प्रीलोड करने से पहले आयोनिक प्लेटफ़ॉर्म लोड हो जाए।
नियंत्रक कोड
$ionicPlatform.ready(function() {
$cordovaNativeAudio
.preloadSimple('click', 'js/click.mp3')
.then(function (msg) {
console.log(msg);
}, function (error) {
console.log(error);
});
$cordovaNativeAudio.preloadComplex('click', 'js/click.mp3', 1, 1)
.then(function (msg) {
console.log(msg);
}, function (error) {
console.error(error);
});
});
उसी नियंत्रक में, हम ऑडियो चलाने के लिए कोड जोड़ेंगे। हमारी$timeout फ़ंक्शन बंद हो जाएगा और पांच सेकंड के बाद लूपिंग ऑडियो को अनलोड करना होगा।
$scope.playAudio = function () {
$cordovaNativeAudio.play('click');
};
$scope.loopAudio = function () {
$cordovaNativeAudio.loop('click');
$timeout(function () {
$cordovaNativeAudio.stop('click');
$cordovaNativeAudio.unload('click');
}, 5000);
}
आखिरी चीज जो हमें चाहिए वह है ऑडियो चलाने और लूपिंग के लिए बटन बनाना।
HTML कोड
<button class = "button" ng-click = "playAudio()">PLAY</button>
<button class = "button" ng-click = "loopAudio()">LOOP</button>
जब हम play बटन पर टैप करते हैं, तो हम ध्वनि को एक बार सुनेंगे और जब हम लूप बटन पर टैप करेंगे, तो ध्वनि पाँच सेकंड के लिए लूप करेगी और फिर रुक जाएगी। यह प्लगइन केवल एमुलेटर या मोबाइल डिवाइस पर काम करता है।