Multi Redirect Berdasarkan Jenis Gadget / Mobile Device

By Purba KuncaraNo Comments

Ada kasus dimana ketika pengunjung mengakses halaman tertentu, misal http://namadomain.com/streaming, maka mereka akan langsung diarahkan ke masing-masing link streaming sesuai jenis gadget. Ini tentu akan memudahkan pendengar Anda.

Kita tahu bahwa untuk streaming dengan shoutcast, link untuk mendengarkan di blackberry dan iphone adalah berbeda. Demikian pula dengan icecast. Jadi bagaimana caranya agar masing-masing pendengar yang mengunjungi halaman http://namadomain.com/streaming langsung bisa mendengarkan tanpa harus klik icon link streaming ?

Berikut ada 2 cara :

1. Dengan memasang script web player shoutcast yang support HTML 5

Saat ini sudah banyak script player shoutcast yang mendukung HTML 5. Cuma sayangnya script ini hanya support di iphone dan blackberry. Sementara di Android beberapa masih tidak bisa jalan.

Anda bisa mencoba menggunakan script dari jplayer.org.

 

2. Meredirect ke masing-masing link sesuai jenis gadget/device

Secara build-in, media player di iphone dan blackberry sudah support shoutcast, jadi lebih gampang. Berbeda dengan ponsel android yang mengharuskan kita menginstal aplikasi tambahan seperti winamp maupun A Online Radio (AOR).

Demo : silahkan buka http://m.radiomindjakarta.com dari iphone dan blackberry Anda.

Anda bisa menggunakan javascript berikut untuk dipasang di bagian header halaman tersebut :

a. Meredirect semua gadget yang masuk di halaman home ke halaman khusus mobile.

<code>&lt;script type="text/javascript"&gt;
&lt;!--
if (screen.width &lt;= 699) {
document.location = "mobile.html";
}
//--&gt;
&lt;/script&gt;

</code>

b. Meredirect halaman tertentu ke masing-masing link sesuai jenis gadget/device

<code>&lt;script language=javascript&gt;
&lt;!--
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
   location.replace("http://url-to-send-them/iphone.html");
}
--&gt;
&lt;/script&gt;</code>
Telah dibaca :18932
Blog

Tinggalkan Komentar

Your email address will not be published. Required fields are marked *

KLIKHOST (c) 2010 - 2013
%d bloggers like this:




Best view on mozilla firefox