Tag Audio HTML

Teg audio HTML diperkenalkan dalam HTML 5. Teg ini digunakan untuk menambah semua fail audio pada halaman HTML. Teg audio ini juga menambah kawalan audio seperti main, kelantangan, jeda, dll. Dalam teg audio elemen digunakan untuk memilih fail audio alternatif yang dipilih oleh penyemak imbas, penyemak imbas sentiasa dipilih format yang diiktiraf pertama. Kami juga boleh menambah teks antara tag, tetapi ia tidak menjalankan fungsi audio; ia hanya bertindak sebagai teks biasa.

Pelayar dan format yang dibenarkan:

Browsers	Formats
	MP3	WAV	OGG
Edge/IE	YES	NO	NO
Chrome	YES	YES	YES
Firefox	YES	YES	YES
Safari	YES	YES	NO
Opera	YES	YES	YES

Pelayar

Format

 

MP3

WAV

File Format	Media Type
MP3	audio/mpeg
OGG	audio/ogg
WAV	audio/wav

OGG

Tepi/IE

YA

TIDAK

TIDAK

Chrome

YA

YA

YA

Firefox

YA

YA

YA

Safari

YA

YA

TIDAK

Opera

YA

YA

<meta charset="ISO-8859-1">
<title>Audio Tag</title>
<style type="text/css">
h1
{
color: red;
text-align: center;
}
p
{
color: green;
font-size: 20px;
border: 2px dotted brown;
}
</style>


<h1 id="Audio-Tag-Introduction">Audio Tag Introduction</h1>
<p>HTML audio tag introduced in HTML 5. This tag is used to add all
audio files to the HTML page. This audio tag also adds audio controls
like play, volume, pause etc. In audio tag source element is used for
choose alternative audio files which browser is choosing, browser is
always choose first recognized format. We can also add text between
audio and /audio tag but it is not performing audio functionality, it
is just act as plain text.</p>
<h1 id="MP-Audio-Demo-from-online-source">MP3 Audio Demo from online source</h1>
<audio controls>
<source src="https://file-examples.com/wp-content/uploads/2017/11/file_example_MP3_700KB.mp3" type="audio/mpeg">
</source></audio>

YA

Bagaimanakah teg audio berfungsi dalam HTML? Audio HTML berfungsi berdasarkan jenis fail audio yang telah kami berikan dan atribut yang telah kami gunakan di dalamnya.

Format audio dan jenis media:

Format Fail	Jenis Media
<meta charset="ISO-8859-1"> <title>Audio Tag</title> <style type="text/css"> h1 { color: green; text-align: center; } p { color: blue; font-size: 20px; border: 2px solid orange; } </style> <h1 id="Audio-Tag-Introduction">Audio Tag Introduction</h1> <p>HTML audio tag introduced in HTML 5. This tag is used to add all audio files to the HTML page. This audio tag also adds audio controls like play, volume, pause etc. In audio tag source element is used for choose alternative audio files which browser is choosing, browser is always choose first recognized format. We can also add text between audio and /audio tag but it is not performing audio functionality, it is just act as plain text.</p> <h1 id="WAV-Audio-Demo-from-online-source">WAV Audio Demo from online source</h1> <audio controls> <source src="https://file-examples.com/wp-content/uploads/2017/11/file_example_WAV_1MG.wav" type="audio/wav"> </source></audio> MP3	audio/mpeg
OGG	audio/ogg
WAV	audio/wav

Atribut

<meta charset="ISO-8859-1">
<title>Audio Tag</title>
<style type="text/css">
h1
{
color: blue;
text-align: center;
}
p
{
color: fuchsia;
font-size: 20px;
border: 2px dashed red;
}
</style>


<h1 id="Audio-Tag-Introduction">Audio Tag Introduction</h1>
<p>HTML audio tag introduced in HTML 5. This tag is used to add all
audio files to the HTML page. This audio tag also adds audio controls
like play, volume, pause etc. In audio tag source element is used for
choose alternative audio files which browser is choosing, browser is
always choose first recognized format. We can also add text between
audio and /audio tag but it is not performing audio functionality, it
is just act as plain text.</p>
<h1 id="OGG-Audio-Demo-from-online-source">OGG Audio Demo from online source</h1>
<audio controls autoplay>
<source src="https://file-examples.com/wp-content/uploads/2017/11/file_example_OOG_5MG.ogg" type="audio/ogg">
</source></audio>

Ia adalah atribut yang berbeza dalam teg audio. Setiap atribut ini mempunyai fungsi mereka untuk dilaksanakan. Atribut yang dibenarkan dalam

Atas ialah kandungan terperinci Tag Audio HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!