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

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

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

KEAMANAN JARINGAN

Gambar
Assalamul'aikum Warrahmatullahi Wabarakatuh Kali ini Saya akan menjelaskan tentang keamanan jaringan dan beberapa materinya. Berikut materi yang saya berikan. Keamanan Jaringan Peningkatan sistem keamanan jaringan saat ini memang sangat dibutuhkan, terutama untuk pelaku bisnis UKM yang selama ini sering kekurangan sumber daya IT. Itu berarti keamanan jaringan yang ada sekarang mungkin tidak cukup untuk melindungi bisnis Anda dari ancaman Internet canggih saat ini. Pengertian Keamanan Jaringan Keamanan jaringan adalah suatu cara atau suatu system yang digunakan untuk memberikan proteksi atau perlindungan pada suatu jaringan agar terhindar dari berbagai ancaman luar yang mampu merusak jaringan. 1.      Elemen pembentukan keaman jaringan Ada dua elemen utama pembentuk keamanan jaringan : - Tembok pengamanan (baik secara fisik maupun maya), yaitu suatu cara untuk memberikan proteksi atau perlindugan pada jarigan, baik secara fisik (kenyataan) maupun  maya (m
Baca selengkapnya