??? & lt; audio & gt? ???? HTML? ??? ???? ?? ?????. ?? ?? ? ???? ?? ?? ??? ?? ?? ??, ?? ??. [?? ? : 159]

<audio></audio> ??? ???? HTML ??? ???? ?? ???? ??? ?? ? ? ????.

1. ?? ?? : <audio></audio> ???? ?? ??? ???? ??? ?? ??? ? ????.

    <code class="html"><audio src="path/to/your/audiofile.mp3" controls> Your browser does not support the audio element. </audio></code>

   src ??? ??? ??? ??? ???? controls ??? ??? ???? ?? ??? ?????? ?????.

2. ?? ??? : ??? ??? ?? ?? ??? ???? <audio></audio> ??? ???? ?? ????? ?? ??? ??????.

3. AUTOPLAY ? LOOP : ?????? ? ? autoplay ??? ???? ??? ??? ???? ???? ??? ??? ?????? loop ??? ???? ??? ? ????.

    <code class="html"><audio src="path/to/your/audiofile.mp3" controls autoplay loop> Your browser does not support the audio element. </audio></code>

4. ???? : preload ??? ???? ????? ? ? ???????? ??? ??? ? ????. none , metadata ?? auto : ? ?? ?? ?? ? ????.

    <code class="html"><audio src="path/to/your/audiofile.mp3" controls preload="metadata"> Your browser does not support the audio element. </audio></code>

??? ??? ??? ???? HTML ??? ???? ????? ???? ? ????.

HTML

HTML <audio></audio> ??? ?? ??? ??? ????? ?? ??? ????? ?? ?? ? ????. ?? ????? ???? ??? ??? ????.

1. MP3 (MPEG Audio Layer III) : Chrome, Firefox, Safari, Edge ? Opera? ??? ?? ?? ?????? ????? ?????.
2. Wav (Waveform Audio ?? ??) : Chrome, Firefox, Safari, Edge ? Opera?? ?????.
3. OGG (OGG VORBIS) : Chrome, Firefox, Edge ? Opera?? ????? Safari? ???? ????.
4. AAC (Advanced Audio Coding) : Chrome, Safari, Edge ? Opera?? ????? Firefox? ???? ????.
5. Webm (Webm Audio) : Chrome, Firefox, Edge ? Opera?? ????? Safari? ???? ????.

?? ?? ???? ????? ?? ???? ?? ? ??? <audio></audio> ?? ??? ?? ?? ??? ???? ?? ????.

? ?? ???? ??

?? ?????? ? ?? ???? ?? <audio></audio> ??? ?? ?? ??? ????? <audio></audio> ?? ??? <source></source> ??? ??? ? ????. ??? ? ??? ??? ??? ????.

1. ?? ?? ?? : <audio></audio> ?? ??? ?? <source></source> ??? ??? ? ??? ?? ?? ??? ?? ??? ??? ? ????.

    <code class="html"><audio controls> <source src="path/to/your/audiofile.mp3" type="audio/mpeg"> <source src="path/to/your/audiofile.ogg" type="audio/ogg"> <source src="path/to/your/audiofile.wav" type="audio/wav"> Your browser does not support the audio element. </source></source></source></audio></code>

2. ?? ?? : <source></source> ??? type ??? ??? ??? ?? ??? ???? ????? ??? ??? ???? ? ??????. ???? MIME ??? ??? ????.

   • MP3? audio/mpeg
   • OGG? audio/ogg
   • wav? audio/wav
3. ?? ?? : ????? ??? ???? ???????? ?????. ????? ??? ? ??? ? ?? ??? ?????.

?? ?? ??? ???? ???? ??? ???? ???? ???? ?????? ?? ? ???? ?????.

??? ???? ??

<audio></audio> ??? ?? ?? ??? ???? ??? ???? ??? ??? ???? ? ????. ?? ???? ??? ??? ????.

1. ??? : ??, ?? ?? ? ?? ???? ???? ??? ?????? ??? ?????? ?????.

    <code class="html"><audio src="path/to/your/audiofile.mp3" controls></audio></code>

2. AUTOPLAY : ?????? ? ? ???? ???? ???? ?????. ?? ????? ?? ?? ? ??? ?? ??? ?? ?? ??? ???? ?? ??? ?? ??? ??? ? ????.

    <code class="html"><audio src="path/to/your/audiofile.mp3" autoplay></audio></code>

3. ?? : ??? ??? ???? ???? ?? ?????.

    <code class="html"><audio src="path/to/your/audiofile.mp3" loop></audio></code>

4. ?? : ?????? ? ? ???????? ??? ?????. ? ?? ?? ?? ? ????.

   • none : ???? ??????? ????.
   • metadata : ?? ??? (? : ??) ? ?????????.

   • auto : ?? ??? ??? ?????????.

      <code class="html"><audio src="path/to/your/audiofile.mp3" preload="metadata"></audio></code>

5. ??? : ????? ???? ??????.

    <code class="html"><audio src="path/to/your/audiofile.mp3" muted></audio></code>

6. SRC : ??? ??? ??? URL? ?????.

    <code class="html"><audio src="path/to/your/audiofile.mp3"></audio></code>

??? ??? ???? ?? ?? ??? ?? <audio></audio> ??? ??? ??? ???? ? ????? ??? ??? ???? ? ????.

? ??? & lt; audio & gt? ???? HTML? ???? ??? ?? ?????????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!