Format Tampilan Audio halaman web


Assalamualikum wr.wb
Kali ini saya akan menjelaskan bagaimana coding Menyajikan Video agar halaman web Anda menarik. 
Sedikit materi saya berikan pada kali ini, yaitu

1.) Format tampilan file audio
Kebanyakan file audio diputar melalui sebuah plug-in, misalnya seperti flash. Namun, browser yang berbeda mungkin memiliki berbagai plug-in. HTML5 mendefinisikan elemen baru yang menentukan cara standar untuk menanamkan file audio pada halaman web: elemen <audio> </audio>.
·         Untuk memasukkan suara pada html bisa menggunakan tag <audio>.
·         Format suara yang telah didukung hingga saat ini adalah MP3, Ogg dan WAP.
·         Tidak semua tipe file audio tersebut didukung oleh browser.
·         File-file Audio yang didukung HTML5 adalah
1.       OGG merupakan format audio yang didukung oleh Mozilla firefox, opera, dan google chrome.
2.       MP3 merupakan format audio yang didukung oleh Google Chrome dan safari.
3.       WAV merupakan format audio yang didukung oleh Mozilla Firefox dan Opera. 

MIME
•       MIME (Multipurpose Internet Mail Extension)
•       Digunakan untuk mekanisme untuk mengirim berbagai informasi seperti text, aplikasi, gambar, suara, video,dan lain sebagainya agar browser tidak salah menterjemahkan konten yg
diterima.
•       Tidak hanya pada web, email juga menggunakan MIME.
•       Berikut adalah tipe mime untuk format audio
•       Format                 MIME-type
MP3                    audio/mpeg
Ogg                     audio/ogg
Wav                     audio/wav


2.) Menyajikan audio dalam tampilan web
File audio seperti mp3 dapat dilantunkan melalui tag<audio> < /audio>. Berikut codingnya :

<html>
<head>
<title>cek suara</title>
</head>
<body>
<audio autoplay>
<source src="Justin Bieber - Love Yourself.mp3" type="audio/mp3">
</audio>
</body>
</html>


Coding

Selanjutnya,saya akan menunjukkan coding pada halaman web yang bisa memainkan audio secara otomatis dan  Musik nya BerUlang Otomatis namun tidak terlihat media kontrol dari audio

<html>
<head>
<title>cek suara</title>
</head>
<body>
<audio autoplay loop>
<source src="Justin Bieber - Love Yourself.mp3" type="audio/mp3">
</audio>
</body>
</html>



Coding

Itulah yang bisa saya jelaskan. Untuk hasil silahkan coba dan Anda akan terkesima dengan coding yang Anda buat. Terimakasih sudah mengunjungi blog saya. Semoga bermanfaat :)

Wassalamualaikum wr.wb

Komentar

Posting Komentar

Postingan populer dari blog ini

Contoh Coding Table dalam table atau Table Bersarang

Gambar
Assalamualikum :) Selamat datang di blog saya. Pada kesempatan kali ini saya akan memberikan coding dari Table dalam table atau Tabel bersarang. Sebelum mencoba, sebaiknya kalian menggunakan software text editor seperti Notepad++ atau Wordpad. Dalam membuat coding sebaiknya kalian harus teliti karena kalau salah satu tulisan atau titik koma dan code lainnya "salah" maka hasil coding tersebut tidak akan seperti yang diinginkan.  Berikut contoh coding table dalam table atau Tabel bersarang : <html> <head> </head> <body>                 <table border="1" cellpadding="3">                 <caption>Online Order</caption>                 <tr>                                 <th align="left">Description</th>                                 <th align="right">Qty</th>                                 <th align="right">Price<
Baca selengkapnya

Troubleshooting Jaringan

Gambar
Assalamualaikum Warrahmatullahi Wabarakatuh Alhamdullilah, kali Ini Saya akan berbagi pelajaran tentang Troubleshooting Jaringan dengan materi yang akan saya bahas satu persatu. Berikut penjelasannya : Dahulu ketika OSI belum digunakan, perangkat komunikasi yang berasal dari vendor berbeda tidak dapat saling berkomunikasi. Alat komunikasi yang diciptakan oleh IBM tidak dapat berkomunikasi dengan vendor lain. Sehingga dibentuklah standard OSI. 1. OSI Layer OSI Layer adalah standar komunikasi yang diterapkan didalam jaringan komputer. Standa itulah yang menyebabkan seluruh alat komunikasi dapat saling berkomunikasi melalui jaringan. Model referensi OSI (Open Systems Interconnection) menggambarkan bagaimana informasi dari suatu software aplikasi di sebuah komputer berpindah melewati sebuah media jaringan ke suatu software aplikasi di komputer lain. Model referensi OSI secara konseptual terbagi ke dalam 7 lapisan dimana masing-masing lapisan memliki fungsi jari
Baca selengkapnya

TUTORIAL Konfigurasi IP Address Windows7 dan langkah Cek Internet Conection dan Sharing File

Gambar
Konfigurasi IP Address Windows 7 Klik Start Menu atau Icon Windows Dan klik Control Panel. Terlihat pada gambar berikut : Setelah itu lihat menu Network and Internet lalu klik View network status and task. Terlihat pada gambar yan g tertera di bawah ini : Setelah anda masuk ke view network status and task, anda akan dibawa masuk ke network and sharing center seperti gambar di bawah ini. Kemudian pilih change adapter setting pada menu bagian kiri. Setelah itu klik kanan pada Local Area Network lalu pilih properties . Terlibat pada gambar berikut : Selanjutnya pada LAN properties anda pilih Internet Protokol v4 (TCP/IPv4) Kemudian klik dua kali pada Internet Protocol Version 4 (TCP/Ipv4). Nah setelah itu pilih Use the following IP address dan masukkan IP Address yang anda inginkan sesuai ketentuan jaringan anda seperti, Gatewaynya atau DNSnya. Setelah itu tekan OK. Langkah-langkah Cek internet Conection
Baca selengkapnya