HTML5 рдСрдбрд┐рдпреЛ рдЯреИрдЧ рдХреЛ рдорд╛рд╣рд┐рд░ рдХрд░рдирд╛

рдЗрдВрдЯрд░рдиреЗрдЯ рдХреЗ рд▓рд┐рдП рдПрдХ рддреНрд╡рд░рд┐рдд рддреНрд╡рд░рд┐рдд рдХрдиреЗрдХреНрд╢рди рдХреЗ рдЖрдЧрдорди рдХреЗ рд╕рд╛рде, рдлреНрд▓реИрд╢ рд╡реЗрдмрд╕рд╛рдЗрдЯреЛрдВ рдкрд░ рдзреНрд╡рдирд┐рдпреЛрдВ рдХреЛ рдЪрд▓рд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХрдорд╛рддреНрд░ рдЙрдкрдХрд░рдг рдерд╛ред рд▓реЗрдХрд┐рди HTML5 рдореМрд▓рд┐рдХ рд░реВрдк рд╕реЗ рдЖрдкрдХреЗ рджреНрд╡рд╛рд░рд╛ рдЗрдВрдЯрд░рдиреЗрдЯ рдкрд░ рдзреНрд╡рдирд┐рдпреЛрдВ рдХреЛ рдЦреЗрд▓рдиреЗ рдХреЗ рддрд░реАрдХреЗ рдХреЛ рдмрджрд▓ рджреЗрдЧрд╛ред рдЗрд╕ рд▓реЗрдЦ рдореЗрдВ рдореИрдВ рдЖрдкрдХреЛ рдЕрдкрдиреА рд╕рд╛рдЗрдЯреЛрдВ рдкрд░ рдЯреИрдЧ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рддрд░реАрдХреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╡рд┐рд╕реНрддрд╛рд░ рд╕реЗ рдмрддрд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ ред



рдкреГрд╖реНрда рдореЗрдВ рдзреНрд╡рдирд┐ рдлрд╝рд╛рдЗрд▓ рд╕рдореНрдорд┐рд▓рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП <рдСрдбрд┐рдпреЛ> рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ

рдиреАрдЪреЗ рдПрдХ рдЯреИрдЧ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рд╕рдмрд╕реЗ рд╕рд░рд▓ рдЙрджрд╛рд╣рд░рдг рд╣реИ , mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .
, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .
 ,   mp3    .     autopaly ,      .           ,    . <audio src="sound.mp3" autoplay></audio> 

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .
, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .
 ,   mp3    .     autopaly ,      .           ,    . <audio src="sound.mp3" autoplay></audio> 

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .
, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .
 ,   mp3    .     autopaly ,      .           ,    . <audio src="sound.mp3" autoplay></audio> 

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .
, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .
 ,   mp3    .     autopaly ,      .           ,    . <audio src="sound.mp3" autoplay></audio> 

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .
, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .
 ,   mp3    .     autopaly ,      .           ,    . <audio src="sound.mp3" autoplay></audio> 

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .
, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .
 ,   mp3    .     autopaly ,      .           ,    . <audio src="sound.mp3" autoplay></audio> 

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .
, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .
, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .
 ,   mp3    .     autopaly ,      .           ,    . <audio src="sound.mp3" autoplay></audio> 

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .
, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .

, mp3 . autopaly , . , . <audio src="sound.mp3" autoplay></audio>

? loop . , , , . <audio src="sound.mp3" autoplay loop></audio>

, , , , , , (). , controls . <audio src="sound.mp3" controls></audio>

, , . Safari, , MP3, Firefox , OGG- . , , , . <audio controls> <source src="sound.ogg"> <source src="sound.mp3"> </audio>

MIME- , MIME- , . type . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > </audio>

, IE6 - , ? : , , . <audio controls> <source src="sound.ogg" type="audio/ogg" > <source src="sound.mp3" type="audio/mp3" > audio! </audio>

. preload . 3 : none - ; auto - , ; metadata - ( .).

JavaScript HTML5 - JavaScript . , JavaScript -: <audio id="player" src="sound.mp3"></audio> <div> <button onclick="document.getElementById('player').play()"></button> <button onclick="document.getElementById('player').pause()"></button> <button onclick="document.getElementById('player').volume+=0.1"> +</button> <button onclick="document.getElementById('player').volume-=0.1"> -</button> </div>

.
, HTML5 .


Source: https://habr.com/ru/post/In148202/


All Articles