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

3 سال پیش
آموزش رسانه Cordova در برنامه نویسی آیونیک

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

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

این پلاگین به ما امکان ضبط و پخش فایل های صوتی را در دستگاه می دهد.

استفاده از رسانه

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

C: \ Users \ Username \ Desktop \ MyApp> plugova cordova add cordova-plugin-media

 

اکنون، ما آماده استفاده از افزونه هستیم. در نمونه کد زیر ، src فایل mp3 منبع است که ما برای این آموزش استفاده خواهیم کرد. در پوشه js قرار داده شده است ، اما ما باید قبل از آن / android_asset / www / را اضافه کنیم ، بنابراین می توان از آن در دستگاه های اندرویدی استفاده کرد.

برای اطمینان از بارگیری همه موارد قبل از استفاده از پلاگین ، عملکرد کامل درون تابع  ()ionicPlatform.ready$  قرار دارد. پس از آن ، ما با استفاده از روش newMedia (src) در حال ایجاد شی رسانه هستیم. شی رسانه برای افزودن قابلیت های بازی ، مکث ، توقف و انتشار استفاده می شود.

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

.controller('MyCtrl', function($scope, $ionicPlatform, $cordovaMedia) {
   $ionicPlatform.ready(function() {
      var src = "/android_asset/www/js/song.mp3";
      var media = $cordovaMedia.newMedia(src);

      $scope.playMedia = function() {
         media.play();
      };

      $scope.pauseMedia = function() {
         media.pause();
      };

      $scope.stopMedia = function() {
         media.stop();
      };

      $scope.$on('destroy', function() {
         media.release();
      });
   });
}

 

ما همچنین سه دکمه برای فراخوانی توابع اجرا، مکث و توقف ایجاد خواهیم کرد.

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

<button class = "button" ng-click = "pauseMedia()">PAUSE</button>

<button class = "button" ng-click = "stopMedia()">STOP</button>

 

برای کار با این افزونه باید آن را روی شبیه ساز یا دستگاه همراه اجرا کنیم. وقتی کاربر روی دکمه پخش ضربه می زند ، song.mp3 شروع به پخش می کند.

در مثال بالا می بینید که ما از src به عنوان یک پارامتر گزینه استفاده می کنیم. پارامترهای اختیاری دیگری نیز وجود دارد که می توانند برای روش newMedia استفاده شوند.

 

پارامترهای اختیاری

جدول زیر تمام پارامترهای اختیاری موجود را نشان می دهد.

پارامتر نوع جزئیان
mediaSuccess تابع پس از پایان اجرا / ضبط یا توقف فعلی فراخوانی می شود.
mediaError تابع هنگام خطا فراخوانی می شود.
mediaStatus تابع برای نمایش تغییرات وضعیت فراخوانی شده است.

 

متد های موجود

جدول زیر تمام متدهای موجود را نشان می دهد.

متد پارامتر جزئیات
newMedia(parameter1) src شی media رسانه ای را که برای روش های بعدی استفاده خواهد شد برمی گرداند. src یک URI از محتوای صوتی است
getCurrentPosition / موقعیت فعلی یک فایل صوتی را برمی گرداند.
getDuration / مدت زمان یک فایل صوتی را برمی گرداند.
play / برای شروع یا از سرگیری بازی استفاده می شود.
pause / برای مکث پخش استفاده می شود.
stop / برای متوقف کردن اجرا استفاده می شود.
release / برای انتشار منابع صوتی استفاده می شود.
seekTo(parameter1) milliseconds میلی ثانیه برای تنظیم موقعیت پخش در میلی ثانیه استفاده می شود.
setVolume(parameter1) volume حجم برای تغییر صدا استفاده می شود. دامنه از ۰ تا ۱ است
()startRecord / رای شروع ضبط استفاده می شو
stopRecord / برای متوقف کردن ضبط استفاده می شود.

 

منبع.

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

  1. آموزش برنامه نویسی آیونیک
  2. نگاهی کلی به آموزش برنامه نویسی آیونیک
  3. آموزش تنظیمات محیطی در برنامه نویسی آیونیک
  4. آموزش رنگ ها در برنامه نویسی آیونیک 
  5. آموزش ایجاد محتوا در برنامه نویسی آیونیک
  6. آموزش هدر در برنامه نویسی آیونیک
  7. آموزش فوتر در برنامه نویسی آیونیک 
  8. آموزش دکمه ها در برنامه نویسی آیونیک
  9. آموزش لیست ها در برنامه نویسی آیونیک
  10. آموزش کارت ها در برنامه نویسی آیونیک
  11. آموزش فرم ها در برنامه نویسی آیونیک
  12. آموزش Toggle در برنامه نویسی آیونیک
  13. آموزش چک باکس در برنامه نویسی آیونیک
  14. آموزش دکمه های رادیویی در برنامه نویسی آیونیک
  15. آموزش محدوده در برنامه نویسی آیونیک
  16. آموزش Select در برنامه نویسی آیونیک
  17. آموزش زبانه ها در برنامه نویسی آیونیک
  18. آموزش شبکه در برنامه نویسی آیونیک
  19. آموزش آیکون ها در برنامه نویسی آیونیک
  20. آموزش پدینگ در برنامه نویسی آیونیک
  21. آموزش صفحه اقدام جاوا اسکریپت در برنامه نویسی آیونیک
  22. آموزش محتوای جاوا اسکریپت در برنامه نویسی آیونیک
  23. آموزش فرم های جاوا اسکریپت در برنامه نویسی آیونیک
  24. آموزش رویدادهای جاوا اسکریپت در برنامه نویسی آیونیک
  25. آموزش هدر جاوا اسکریپت در برنامه نویسی آیونیک
  26. آموزش فوتر جاوا اسکریپت در برنامه نویسی آیونیک
  27. آموزش صفحه کلید جاوا اسکریپت در برنامه نویسی آیونیک
  28. آموزش لیست جاوا اسکریپت در برنامه نویسی آیونیک
  29. آموزش بارگذاری جاوا اسکریپت در برنامه نویسی آیونیک
  30. آموزش Modal جاوا اسکریپت در برنامه نویسی آیونیک
  31. آموزش پیمایش جاوا اسکریپت در برنامه نویسی آیونیک
  32. آموزش Popover جاوا اسکریپت در برنامه نویسی آیونیک
  33. آموزش پاپ آپ جاوا اسکریپت در برنامه نویسی آیونیک
  34. آموزش پیمایش جاوا اسکریپت در برنامه نویسی آیونیک
  35. آموزش منوی جانبی جاوا اسکریپت در برنامه نویسی آیونیک
  36. آموزش جعبه اسلاید جاوا اسکریپت در برنامه نویسی آیونیک
  37. آموزش تب های جاوا اسکریپت در برنامه نویسی آیونیک
  38.  آموزش ادغام Cordova در برنامه نویسی آیونیک
  39. آموزش Cordova AdMob در برنامه نویسی آیونیک
  40. آموزش  دوربین Cordova در برنامه نویسی آیونیک
  41. آموزش فیس بوک در برنامه نویسی آیونیک
  42. آموزش Cordova InAppBrowser در برنامه نویسی آیونیک
  43. آموزش Cordova Native Audio در برنامه نویسی آیونیک
  44. آموزش موقعیت جغرافیایی در برنامه نویسی آیونیک
0
برچسب ها :
نویسنده مطلب erfan molaei

دیدگاه شما

بدون دیدگاه