Aptech Jakarta
Kategori
  • Android
  • Aplikasi
  • Gadget
  • Game
  • Teknologi
  • Website
  • Windows

Wedding Organizer Surabaya | Wedding Organizer Gresik | Wedding Organizer Malang | Wedding Organizer Madura | Wedding Organizer Mojokerto | Wedding Organizer Jakarta | Wedding Organizer Bogor | Wedding Organizer Depok | Wedding Organizer Tangerang | Wedding Organizer Bekasi

Catering Surabaya | Catering Gresik | Catering Malang | Catering Mojokerto | Catering Jakarta | Catering Bogor | Catering Depok | Catering Tangerang | Catering Bekasi | Catering Jakarta Murah | Catering Bogor Murah | Catering Depok Murah | Catering Tangerang Murah | Catering Bekasi Murah

Supplier Sayur | Supplier Buah | Hosting Gratis
Catering Surabaya
 | Catering Gresik | Catering Malang | Catering Mojokerto | Catering Jakarta | Catering Bogor | Catering Depok | Catering Tangerang | Catering Bekasi

Catering Surabaya | Catering Malang | Catering Gresik | Catering Mojokerto | Catering Jakarta | Catering Bogor | Catering Depok | Catering Tangerang | Catering Bekasi

ApTech Jakarta
  • Beranda
  • Catering Jakarta
  • Catering Bogor
  • Catering Depok
  • Catering Tangerang
  • Catering Bekasi
  • Aplikasi
  • Teknologi

Memberi Audio Untuk Aplikasi Phonegap

  • Januari 20, 2014
  • admin
0

SHARES

ShareTweet

html5 audio logoSebelum artikel ini saya tulis, ternyata Phonegap maupun aplikasi berbasis HTML5 pada umumnya mempunyai permasalahan yang cukup memusingkan kepala developer terkait isu audio Cross Browser HTML5. Beberapa sumber menyebutkan bahwa pemasangan audio pada aplikasi Phonegap terutama untuk Android masih memiliki problematika di bagian looping.

Meskipun demikian Andrew Trice bisa mengakalinya dengan membuat sebuah plugin LowLatencyAudio. Namun, dalam tutorial ini saya belum sampai mengaplikasikan plugin tersebut karena belum sempat mencobanya. Sebelum itu, saya akan memberikan tutorial yang cukup mudah untuk menyisipkan sebuah audio ke dalam aplikasi Phonegap.

Contents

  • 1 Siapkan File Audio
  • 2 Buat script Index.js
  • 3 Script index.html
    • 3.1 Baca juga:

1Siapkan File Audio

Langkah pertama, buat project sederhana dan persiapkan file audio untuk kita masukkan ke dalam folder assets/www. Pembaca dapat menggunakan file audio yang telah saya sertakan pada artikel Android Audio Background berbasis Java pada tutorial sebelumnya, disini. Setelah mendapatkan file audio tersebut, silahkan copy ke project Phonegap Anda.

Letak File Audio

Letak File Audio

Di screenshot bisa pembaca lihat, saya meletakkan file my_audio.ogg ke dalam folder assets/www.

2Buat script Index.js

Script ini akan kita include ke header index.html dan berfungsi sebagai pengontrol utama aplikasi Audio Phonegap kita. Tidak begitu kompleks dan sangat sederhana, silahkan ketik script berikut dan letakkan ke dalam folder /assets/www/apis atau folder lain di dalam root www.

    // fungsi onload utama aplikasi berupa fungsi onDeviceReady
function onLoad() {
    document.addEventListener("deviceready", onDeviceReady, false);
}

// fungsi onDeviceReady yang dipanggil oleh onLoad()
function onDeviceReady() {
    // alert
    alert("Audio Background by Mkhuda.com");

    // membuat variabel myMedia
    myMedia = new Media("/android_asset/www/my_sound.ogg");

    // memutar audio dari variabel myMedia
    myMedia.play();
}

Bisa pembaca lihat dari kode di atas kita membuat variabel Media yang saya beri nama myMedia. Variabel ini merupakan fungsi standar dari Phonegap dan aplikasi HTML5 untuk memanggil file audio. Setelah variabel terdefinisikan, lanjutkan dengan memanggil fungsi play(), myMedia.play().

Perhatian ! Fungsi audio ini sebenarnya berjalan baik di platform Android, namun ada satu yang mengganjal ! yaitu kita tidak bisa melakukan looping audio semudah pada aplikasi Android berbasis Java. Menurut sumber yang cukup terpercaya, penambahan audio dengan metode seperti ini beserta fungsi loopingnya akan berjalan baik di platform iOS / iPhone.

Untuk iOS, Silahkan sisipkan kode berikut untuk melakukan looping beberapa kali pada Audio kita.

var myMedia = new Media("/android_asset/www/my_sound.ogg");
myMedia.play({ numberOfLoops: 2 });

Karena penulis tidak memiliki ponsel berbasis iOS, pembaca bisa mencobanya sendiri menggunakan ponsel iPhone.

3Script index.html

Karena kita sudah menuliskan script index.js di atas, pembaca cukup melakukan include di header index.html, sesudah script cordova tentunya. Berikut adalah script index.html :

<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="Content-type" name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
    <title></title>
	<script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
	<script type="text/javascript" charset="utf-8" src="jquery.js"></script>
  </head>

<body onload="onLoad();">
<script type="text/javascript" charset="utf-8" src="apis/index.js"></script>			
  </body>
</html>

Silahkan run program Phonegap Anda dari Eclipse, dan dengarkan file audio kita. Selamat mencoba ! ??

Baca juga:

  1. Aplikasi Android Phonegap Dengan Database SQLite
  2. Tombol On Off Untuk Audio Background Aplikasi Android
  3. Tips Mempercepat Performa Aplikasi Phonegap
  4. Aplikasi RSS Berbasis Phonegap Menggunakan zRSSFeed
  5. Mengenal Parameter Audio dan Sound Aplikasi Android
 
admin

Previous Article
  • Android
  • Aplikasi
  • Teknologi

Membuat Image Button Pada Aplikasi Android

  • Januari 18, 2014
  • admin
View Post
Next Article
  • Gadget
  • Aplikasi
  • Teknologi

Permasalahan Penggunaan Header Location Aplikasi PHP

  • Januari 24, 2014
  • admin
View Post

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Pos-pos Terbaru
  • 8 HP Untuk Main Call of Duty Mobile Terbaik 2023
  • Game Esports Terbaik
  • Rekomendasi 10 Game Browser Terbaik
  • Aplikasi Pengunci Aplikasi Android Terbaik
  • 6 Smartwatch Terbaik 1 Jutaan Tahun 2022, Super Canggih!
Arsip
Kategori
  • Android
  • Aplikasi
  • Gadget
  • Game
  • Teknologi
  • Website
  • Windows
Wedding Organizer

Wedding Organizer Surabaya | Wedding Organizer Gresik | Wedding Organizer Malang | Wedding Organizer Madura | Wedding Organizer Mojokerto | Wedding Organizer Jakarta | Wedding Organizer Bogor | Wedding Organizer Depok | Wedding Organizer Tangerang | Wedding Organizer Bekasi

Partner

Catering Surabaya | Catering Gresik | Catering Malang | Catering Mojokerto | Catering Jakarta | Catering Bogor | Catering Depok | Catering Tangerang | Catering Bekasi | Catering Jakarta Murah | Catering Bogor Murah | Catering Depok Murah | Catering Tangerang Murah | Catering Bekasi Murah

External Link

Supplier Sayur | Supplier Buah | Hosting Gratis
Catering Surabaya
 | Catering Gresik | Catering Malang | Catering Mojokerto | Catering Jakarta | Catering Bogor | Catering Depok | Catering Tangerang | Catering Bekasi

Catering Surabaya | Catering Malang | Catering Gresik | Catering Mojokerto | Catering Jakarta | Catering Bogor | Catering Depok | Catering Tangerang | Catering Bekasi

Blog Teknologi Jakarta
Berita dan artikel teknologi dan Informasi Jakarta

Input your search keywords and press Enter.