آموزش Cordova Native Audio در برنامه نویسی آیونیک

3 سال پیش

آموزش Cordova Native Audio در برنامه نویسی آیونیک

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش Cordova Native Audio در برنامه نویسی آیونیک خواهیم پرداخت.

این افزونه برای افزودن اصوات صوتی بومی به برنامه آیونیک استفاده می شود.

استفاده از Native Audio

برای اینکه بتوانیم از این افزونه استفاده کنیم ، ابتدا باید آن را نصب کنیم. پنجره خط فرمان را باز کرده و افزونه Cordova را اضافه کنید.

C: \ Users \ Username \ Desktop \ MyApp> plugova cordova 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');
   }, ۵۰۰۰);
}

آخرین چیزی که ما نیاز داریم ایجاد دکمه هایی برای پخش صدا و حلقه زدن صدا است.

کد HTML

<button class = "button" ng-click = "playAudio()">PLAY</button>

<button class = "button" ng-click = "loopAudio()">LOOP</button>

وقتی روی دکمه پخش ضربه می زنیم، صدا را یک بار می شنویم و وقتی روی دکمه حلقه ضربه می زنیم ، صدا برای پنج ثانیه حلقه می زند و سپس متوقف می شود. این افزونه فقط روی شبیه ساز یا دستگاه تلفن همراه کار می کند.

منبع.

لیست جلسات قبل آموزش برنامه نویسی آیونیک

نویسنده مطلب erfan molaei

آموزش Cordova Native Audio در برنامه نویسی آیونیک

آموزش Cordova Native Audio در برنامه نویسی آیونیک

استفاده از Native Audio

کد کنترل کننده

کد HTML

لیست جلسات قبل آموزش برنامه نویسی آیونیک

دیدگاه شما

بدون دیدگاه

آموزش Cordova Native Audio در برنامه نویسی آیونیک

استفاده از Native Audio

کد کنترل کننده

کد HTML

لیست جلسات قبل آموزش برنامه نویسی آیونیک

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه