Friday, January 25, 2019

Memasang widget audio sederhana di blog

Apa itu Audio ?

Pendapat, Sudjana dan Rivai [2003 :129] ~ media audio untuk pengajaran adalah bahan yang mengandung pesan dalam bentuk auditif (pita suara/piringan suara], yang dapat merangsang pikiran, perasaan, perhatian & kemauan siswa sehingga terjadi proses belajar mengajar.

menurut, Sadiman [2005:49] ~ media untuk menyampaikan pesan yang akan
disampaikan dalam bentuk lambang-lambang auditif, baik verbal (kedalam kata-kata atau bahasa lisan) maupun non verbal.

Dari pengertian di atas dapat diartikan bahwa audio adalah bunyi yang mengandung arti seperti MP3, ogg, m4a dan sebagainya.

cara memasang atribut audio blog

Terlepas dari maksud diatas, disini kita akan menggunakan widget audio di blog yang dapat menghasilkan suara tanpa video seperti akan memasang mp3 atau sekedar pesan suara.

PREVIEW 1 Autoplay :


Untuk menampilkan widget seperti diatas dapat digunakan kode berikut :

MP3 AUDIO

<audio controls autoplay>
<source src="https://contoh.mp3" type="audio/mpeg"></source>
Browser Anda tidak mendukung elemen audio.
</audio>

OGG AUDIO

<audio controls autoplay>
<source src="http://contoh.ogg" type="audio/ogg"></source>
Browser Anda tidak mendukung elemen audio.
</audio>

PREVIEW 2 Muted :


MP3 AUDIO

<audio controls muted>
<source src="https://contoh.mp3" type="audio/mpeg"></source>
Browser Anda tidak mendukung elemen audio.
</audio>


OGG AUDIO

<audio controls muted>
<source src="http://contoh.ogg" type="audio/ogg"></source>
Browser Anda tidak mendukung elemen audio.
</audio>


Atribut ini sudah menggunakan html5 jadi sudah didukung hampir semua browser termasuk android hanya tidak didukung di IE 9 atau Safari 6 dan sebelumnya.

Mohon maaf atas segala kekurangan, terima kasih atas kunjungannya.

No comments: