Tambah Audio pada Website

Hanya perlu tambah kod berikut untuk memastikan audio dimainkan setiap kali website/page tersebut dilawati:

  1. <audio src="http://www.milliondollarsounds.com/resources/Furniture.mp3" autoplay="autoplay" style="display:none"></audio>

atau dalam bentuk lain:

  1. <audio controls>
      <source src="horse.ogg" type="audio/ogg">
      <source src="horse.mp3" type="audio/mpeg">
      Your browser does not support the audio tag.
    </audio>

Untuk kawal volume menggunakan attribut sedia ada:

  1. <audio controls volume="0.7">
       <source src="http://www.milliondollarsounds.com/resources/Furniture.mp3">
        You will see this text if native audio playback is not supported.
    </audio>

Untuk kawal volume dengan Javascript:

  1. <audio autoplay id="audiogua">
      <source src="http://www.milliondollarsounds.com/resources/Furniture.mp3">
    </audio>
    <script>
      var audio = document.getElementById("audiogua");
      audio.volume = 0.7;
    </script>

0 comments:

Post a Comment

My Instagram