Cordova - Medya
Cordova medya eklentisi, Cordova uygulamalarında ses kaydetmek ve çalmak için kullanılır.
Adım 1 - Medya Eklentisinin Kurulması
Medya eklentisi aşağıdaki kodu çalıştırarak kurulabilir: command prompt pencere.
C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-media
Adım 2 - Düğme Ekleme
Bu eğitimde basit bir ses oynatıcı oluşturacağız. İhtiyacımız olan düğmeleri oluşturalımindex.html.
<button id = "playAudio">PLAY</button>
<button id = "pauseAudio">PAUSE</button>
<button id = "stopAudio">STOP</button>
<button id = "volumeUp">VOLUME UP</button>
<button id = "volumeDown">VOLUME DOWN</button>
3. Adım - Etkinlik İşleyicileri Ekleyin
Şimdi içindeki düğmelerimiz için olay dinleyicileri eklememiz gerekiyor onDeviceReady içeride işlev index.js.
document.getElementById("playAudio").addEventListener("click", playAudio);
document.getElementById("pauseAudio").addEventListener("click", pauseAudio);
document.getElementById("stopAudio").addEventListener("click", stopAudio);
document.getElementById("volumeUp").addEventListener("click", volumeUp);
document.getElementById("volumeDown").addEventListener("click", volumeDown);
Adım 4A - Oynatma İşlevi
Ekleyeceğimiz ilk işlev, playAudio. Biz tanımlıyoruzmyMediaişlevin dışında çünkü daha sonra eklenecek işlevlerde (pause, stop, volumeUp ve volumeDown) kullanmak istiyoruz. Bu kod yerleştirilirindex.js dosya.
var myMedia = null;
function playAudio() {
var src = "/android_asset/www/audio/piano.mp3";
if(myMedia === null) {
myMedia = new Media(src, onSuccess, onError);
function onSuccess() {
console.log("playAudio Success");
}
function onError(error) {
console.log("playAudio Error: " + error.code);
}
}
myMedia.play();
}
Tıklayabiliriz PLAY piyano müziğini başlama düğmesi src yol.
Adım 4B - Duraklatma ve Durdurma İşlevleri
İhtiyacımız olan sonraki işlevler pauseAudio ve stopAudio.
function pauseAudio() {
if(myMedia) {
myMedia.pause();
}
}
function stopAudio() {
if(myMedia) {
myMedia.stop();
}
myMedia = null;
}
Şimdi piyano sesini tıklayarak duraklatabilir veya durdurabiliriz PAUSE veya STOP düğmeler.
Adım 4C - Ses Fonksiyonları
Sesi ayarlamak için kullanabiliriz setVolumeyöntem. Bu yöntem, aşağıdaki değerlere sahip parametre alır0 -e 1. Başlangıç değerini şu şekilde ayarlayacağız0.5.
var volumeValue = 0.5;
function volumeUp() {
if(myMedia && volumeValue < 1) {
myMedia.setVolume(volumeValue += 0.1);
}
}
function volumeDown() {
if(myMedia && volumeValue > 0) {
myMedia.setVolume(volumeValue -= 0.1);
}
}
Bir kez bastığımızda VOLUME UP veya VOLUME DOWN hacim değerini şu şekilde değiştirebiliriz: 0.1.
Aşağıdaki tablo, bu eklentinin sağladığı diğer yöntemleri göstermektedir.
S.No | Yöntem ve Ayrıntılar |
---|---|
1 | getCurrentPosition Bir sesin mevcut konumunu döndürür. |
2 | getDuration Bir sesin süresini verir. |
3 | play Sesi başlatmak veya devam ettirmek için kullanılır. |
4 | pause Sesi duraklatmak için kullanılır. |
5 | release Temeldeki işletim sisteminin ses kaynaklarını serbest bırakır. |
6 | seekTo Bir sesin konumunu değiştirmek için kullanılır. |
7 | setVolume Ses seviyesini ayarlamak için kullanılır. |
8 | startRecord Bir ses dosyası kaydetmeye başlayın. |
9 | stopRecord Bir ses dosyası kaydetmeyi durdurun. |
10 | stop Bir ses dosyasını çalmayı durdurun. |