Cordova - Phương tiện
Plugin phương tiện Cordova được sử dụng để ghi và phát âm thanh trong ứng dụng Cordova.
Bước 1 - Cài đặt Plugin phương tiện
Có thể cài đặt plugin phương tiện bằng cách chạy đoạn mã sau trong command prompt cửa sổ.
C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-media
Bước 2 - Thêm các nút
Trong hướng dẫn này, chúng tôi sẽ tạo trình phát âm thanh đơn giản. Hãy tạo các nút mà chúng ta cầnindex.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>
Bước 3 - Thêm người nghe sự kiện
Bây giờ chúng ta cần thêm trình xử lý sự kiện cho các nút bên trong onDeviceReady chức năng bên trong 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);
Bước 4A - Chức năng chơi
Chức năng đầu tiên mà chúng tôi sẽ thêm là playAudio. Chúng tôi đang xác địnhmyMediabên ngoài chức năng bởi vì chúng tôi muốn sử dụng nó trong các chức năng sẽ được thêm vào sau này (tạm dừng, dừng, volumeUp và volumeDown). Mã này được đặt trongindex.js tập tin.
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();
}
Chúng tôi có thể nhấp vào PLAY nút để bắt đầu nhạc piano từ src con đường.
Bước 4B - Chức năng tạm dừng và dừng
Các chức năng tiếp theo mà chúng ta cần là pauseAudio và stopAudio.
function pauseAudio() {
if(myMedia) {
myMedia.pause();
}
}
function stopAudio() {
if(myMedia) {
myMedia.stop();
}
myMedia = null;
}
Bây giờ chúng ta có thể tạm dừng hoặc dừng âm thanh piano bằng cách nhấp vào PAUSE hoặc là STOP nút.
Bước 4C - Chức năng âm lượng
Để đặt âm lượng, chúng ta có thể sử dụng setVolumephương pháp. Phương thức này nhận tham số với các giá trị từ0 đến 1. Chúng tôi sẽ đặt giá trị bắt đầu thành0.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);
}
}
Khi chúng tôi nhấn VOLUME UP hoặc là VOLUME DOWN chúng ta có thể thay đổi giá trị âm lượng bằng cách 0.1.
Bảng sau đây cho thấy các phương pháp khác mà plugin này cung cấp.
S. không | Phương pháp & Chi tiết |
---|---|
1 | getCurrentPosition Trả về vị trí hiện tại của âm thanh. |
2 | getDuration Trả về thời lượng của âm thanh. |
3 | play Được sử dụng để bắt đầu hoặc tiếp tục âm thanh. |
4 | pause Được sử dụng để tạm dừng âm thanh. |
5 | release Giải phóng tài nguyên âm thanh của hệ điều hành cơ bản. |
6 | seekTo Được sử dụng để thay đổi vị trí của âm thanh. |
7 | setVolume Được sử dụng để cài đặt âm lượng cho âm thanh. |
số 8 | startRecord Bắt đầu ghi một tệp âm thanh. |
9 | stopRecord Dừng ghi tệp âm thanh. |
10 | stop Dừng phát tệp âm thanh. |