Friday, February 25, 2011

Tips n Trick Gagal Posting dan Draft yang Ter-publish

1. Gagal Posting

Sering kali karena masalah koneksi postingan kita 'jadi hilang'. Selain klik Try Again, tekan Go Back One Page di web browser, atau Backspace di keyboard kadang bisa muncul kembali. Bahkan setelah web browser di-close atau End Task dari Windows Task Manager pun kadang masih bisa di-Restore Season.

2. Draft yang Ter-publish

Maksud membuat Draft, selain belum selesai mungkin kita tak ingin postingan kita terlihat orang lain. Namun tak jarang pula kita salah pencet Save & Publish. Bila belum ada yang comment, postingan yang ter-publish tadi masih bisa di-edit Save as Draft lagi koq. Tapi kalo udah ada yang comment(s) paling Access-nya kita ubah jadi Individual People.


Selamat mencoba, semoga bermanfaat.

Sunday, February 13, 2011

Membuat Audio/Video Player Sederhana dengan HTML5

Singkatnya, HTML5 itu pengembangan dari HTML. Ada banyak elemen baru, salah satunya yang ingin diterangkan di sini yaitu elemen audio dan video. Dan dalam hal ini berbeda dengan Flash yang memakai embed content (juga tidak perlu plug-in Flash).

Audio

Untuk membuat audio player gunakan tag berikut:
<audio src="...">

Atribut yang bisa dipakai dalam tag ini yaitu:
  • src="URL"
    dalam atribut ini tambahkan URL audio yang akan dipasang
  • controls="controls"
    menampilkan seperti play button, sebaiknya dipakai
  • autoplay="autoplay"
    yang ini digunakan agar audio berjalan secara otomatis
  • loop="loop"
    digunakan bila audio yang diputar ingin terus berulang

Contohnya:

Kode HTML : <audio src="http://www39.indowebster.com/c94cd520ccf788278987ea47cd719699.mp3" controls="controls">

Hasil : (di paling bawah)

Baru ada 3 format audio yang bisa dimainkan dengan elemen ini. Format audio yang bisa ditampilkan di setiap browser berbeda-beda (karena masih baru). Berikut perbandingannya.

FormatIE 8Firefox 3.5Opera 10.5Chrome 3.0Safari 3.0
Ogg VorbisNoYesYesYesNo
MP3NoNoNoYesYes
WavNoYesYesNoYes


Video

Sedangkan untuk membuat video player gunakan tag berikut:
<video src="...">

Atribut yang dipakai:
  • src="URL"
    tambahkan URL video yang akan dipasang
  • audio="muted"
    dipakai bila suara dari videonya ingin dimatikan (mute)
  • controls="controls"
    menampilkan seperti play button, sebaiknya dipakai
  • width="...px"
    mengatur lebar video
  • height="...px"
    mengatur tinggi video

Contohnya:

Kode HTML : <video src="http://www47.indowebster.com/bdfefc1d0cc9ed775b9b55fdfb4fd79d.mp4" controls="controls">
Hasil : (di paling bawah)

Juga baru ada 3 format video yang bisa dimainkan, dan lagi setiap browser hanya dapat memainkan format video tertentu. Berikut perbandingannya.

FormatIEFirefoxOperaChromeSafari
OggNo3.5+10.5+5.0+No
MPEG 4NoNoNo5.0+3.0+
WebMNoNo10.6+6.0+No


Note:
  • Sejauh ini coba-coba HTML5 paling baik bekerja di browser Safari. Firefox tidak bisa memainkan file format mp3 dan mp4. Jadi kalau yang baca ini ga bisa lihat contohnya, ya.... Silakan download dulu Safarinya :p
  • Kalau audio/ video tidak muncul pada browser, berarti browsernya tidak/ belum bisa memainkan format tersebut (jadi jangan salahin saya kalau ga bisa jalan. hehe). Silakan cek lagi dari kedua tabel sebelumnya.
  • Koneksi internet sepertinya mempengaruhi load audio/ video. Jadi loadnya cepat atau lambat, begitu.
  • Ini kurang tahu kenapa, entah MP tidak support HTML5 atau kenapa, saat lagi ngepost contoh hasilnya, tulisan setelah hasilnya itu tidak muncul. hmm.... Jadi sengaja dipindah paling bawah (dan yang muncul hanya yang video).
  • Maaf kalau kurang jelas dan ada banyak salah, CMIIW, masih newbie v^^


Referensi utama:
W3Schools.com

Hasil contoh audio dan video: