Cara menggunakan audio background html

HTML

1 element menunjukkan sebuah sound atau audio yang dapat disisipkan pada halaman web dan diputar untuk didengarkan.

Modern browser mendukung beberapa format file audio diantaranya: mp3, ogg dan wav.

Konten lain [seperti teks] dapat disisipkan untuk browser yang tidak mendukung HTML5 audio, dan apabila audio file tidak dapat diputar, maka konten ini akan muncul sebagai gantinya [fallback].

Media Formats
Tipe Media untuk HMTL audio element

FormatPenjelasanExtensi FileMIME TypesMP3MP3 adalah MPEG-1 atau MPEG-2 Audio Layer III, merupakan format audio paling terkenal yang menggunakan format lossy data compression..mp3audio/mp3Ogg VorbisFormat free, open standar yang menyuguhkan kualitas audio lebih baik dari MP3..oggaudio/oggWAVFormat original untuk raw digital audio. Format WAV tidak menggunakan metode kompresi file sehingga ukurannya lebih besar dari format lainnya..wavaudio/wav

Attributes
Atribut HTML Tag
2

3

Menentukkan bahwa audio akan diputar secara otomatis [langsung ketika halaman telah dimuat].

Contoh:

Lihat hasilnya

Value:

3

5

Menentukkan bahwa controls audio ditampilkan. Controls, dapat dilihat seperti player yang biasanya berisi perintah seperti tombol play/pause, slider, volume dan sebagainya. Setiap browser memiliki tampilan controls yang berbeda.

Contoh:

Lihat hasilnya

Value:

5

7

Digunakan untuk memutar ulang audio ketika selesai.

Contoh:

Lihat hasilnya

Value:

7

9

Digunakan untuk membisukkan suara, artinya audio akan diputar tanpa suara pada awal inisial.

Contoh:

Lihat hasilnya

Value:

9

1

Menunjukkan seberapa penting audio harus diload ketika halaman web dimuat.

Contoh:

Lihat hasilnya

Value:

2 |
3 |
4

5

5 menunjukkan source yaitu sumber file audio ditempatkan atau URL yang menunjukkan keberadaan audio file tersebut. Dapat pula menggunakan element [lihat Contoh 2 dibawah].

Contoh:

Lihat hasilnya

Value:

2 |
3 |
4

Global Attributes
Atribut Secara Global [Keseluruhan]

tag mencakup global attributes, yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.

Silahkan, lihat referensi mengenai HTML Global Attribute

Event Attributes
Atribut event [Peristiwa]

tag mencakup event attributes, yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa [kejadian]. Contoh: menjalankan script [JavaScript] ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.

Silahkan, lihat referensi mengenai HTML Events Attribute

Example
Contoh HTML
2 element

Contoh 1:

HTML

1 dengan satu sumber file audio [.mp3] dan konten paragraf [

] yang akan muncul apabila browser tidak mendukung html audio.

HTML



Download File: 
"MP3"


Contoh 2:

HTML

1 element yang merujuk format audio lebih dari satu didalam element untuk dukungan browser yang berbeda-beda.

HTML





 Download Audio:
Format:  "MP3"
Format:  "Ogg"


Contoh Lengkap

Contoh source code lengkap disertai dengan link "editor" untuk mencoba [try it] dan melihat hasil [preview] kode.

SOURCE

editor




  
    
    Contoh Cross browser audio
  
  
    Contoh HTML audio element
    Contoh HMTL audio element dengan beberapa format audio.

    
      
      
      
       Download Audio:
        Format:  "MP3"
        Format:  "Ogg"
      
    
  

Browser Support
Status & Dukungan Browser

Berikut adalah keterangan mengenai dukungan [support] dari beberapa browser.

HTMLElementChromeSafariFirefoxOperaIE

2443.510.59
48.05.0.3 [+ quicktime]37?9
58.05.0.3 [+ quicktime]3.610.639
68.0?3.610.63?

Bagaimana cara memasukkan audio di HTML?

Cara Menambahkan Audio di HTML Tag adalah tag untuk membuat audio player. Lalu kita bisa memberikan file audio yang akan diputar dengan tag . Perhatikan! Pada atribut src , kita menulis langsung nama file audio yang akan diputar.

Apa elemen HTML yang benar untuk memutar file audio?

Tag yang digunakan untuk menampilkan audio dalam HTML disebut dengan tag dalam penulisannya tag audio juga harus ditutup dengan penutup tag .

Manakah yang termasuk atribut untuk link?

Atribut-atribut untuk Link Selain atribut href terdapat juga beberapa atribut yang sering ditambahkan pada link, seperti: target , title , rel , style , dan lain-lain.

Tag apa yang digunakan untuk membuat baris baru dalam HTML?

Tag
untuk Membuat Paragraf Fungsi utama tag
adalah untuk membuat baris baru.

Bài mới nhất

Chủ Đề