Geekly Articles each Day
⬆️ ⬇️

Mastering HTML5 audio tag

With the advent of a fairly fast connection to the Internet, Flash was the only tool for playing sounds on websites. But HTML5 will fundamentally change the way Internet sounds are played. In this article I want to tell you in detail about how to use the tag on your sites.





Use <audio> to insert a sound file into the page.

Below is the simplest example of using a tag , 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/148202/

More articles:



All Articles