Bagaimana cara menambahkan audio ke html. Menguasai tag audio HTML5

Halo semuanya. Ini Andrey.

Dalam episode ini kita akan belajar bagaimana menghubungkan suara ke halaman HTML, yaitu. file format suara ke situs Anda.

Ada 3 metode untuk menyematkan file audio.

Mengklik tautan ini akan diluncurkan secara otomatis program standar untuk memutar file dengan format tertentu, biasanya ini WindowsMedia(memutar file AIFF, AU, MIDI, WAV dan MP3). Opsi ini sudah tidak asing lagi bagi Anda, jadi mari kita lanjutkan.

Cara kedua adalah dengan menggunakan wadah.

Wadah ini memberikan kemampuan untuk mendengarkan menggunakan alat pemutaran yang ditampilkan langsung di halaman Web, namun kontrol pemutaran mungkin terlihat berbeda tergantung pada browser yang berbeda.

Agar wadah ini dapat ditampilkan, plugin khusus harus dipasang di browser. DI DALAM Penjelajah Internet ini adalah default, tetapi untuk browser lain, tidak semua orang memilikinya. Maka Anda harus menginstalnya.

XHTML

Parameter src diperlukan dan menentukan nama file yang sedang diputar. Parameter lain mungkin tidak ditentukan. Daftar mereka diberikan di bawah ini.

WIDTH=n - menentukan lebar konsol dalam piksel.

HEIGHT=m - menentukan tinggi konsol dalam piksel.

AUTOSTART=TRUE|FALSE - jika TRUE, pemutaran dimulai secara otomatis.

AUTOLOAD=TRUE|FALSE - jika disetel ke FALSE, file tidak dimuat secara otomatis.

STARTTIME="mm:ss" — pemutaran dimulai dari momen yang ditentukan dalam menit dan detik dari awal file.

REPEAT= TRUE / FALSE - membolehkan atau menonaktifkan pengulangan klip audio/video.

PLAY LOOP=Z - jika Anda menentukan REPEAT-TRUE, masukkan jumlah pengulangan di sini, bukan Z.

VOLUME=persentase — volume pemutaran, ditentukan sebagai persentase maksimum.

ALIGN="value" - menyelaraskan konsol kontrol dengan teks halaman. Dapat mempunyai nilai CENTER, BASELINE TOP LEFT, RIGHT.

CONTROLS="value" - menyetel kumpulan kontrol konsol. Dapat memiliki nilai berikut (dijelaskan di bawah) - CONSOLE, SMALLCONSOLE, PLAYBUTTON PAUSEBUTTON, STOPBUTTON DAN VOLUMELEVER.

KONSOL - satu set kontrol lengkap.

SMALLCONSOLE - representasi konsol yang ringkas. Set lengkap kontrol kecuali tombol jeda.

PLAYBUTTON - tombol putar saja.

TOMBOL PAUSE - hanya tombol jeda.

TOMBOL BERHENTI - hanya tombol berhenti. File tersebut kemudian diunduh.

VOLUMELEVER - hanya kontrol volume.

Kami menemukan parameternya.

Saya sarankan Anda mencobanya sendiri berbagai parameter dan lihat cara kerjanya (tidak ada yang rumit di sini).

Cara ketiga adalah dengan menunjukkan berkas suara suara latar belakang untuk halaman tersebut.

Sintaksnya di sini sederhana:

  • Sergei Savenkov

    semacam ulasan "pendek"... seolah-olah mereka sedang terburu-buru di suatu tempat