यह कोड केवल वॉल्यूम आइकन और लिंक प्रॉपर्टी देता है, ऑडियो फ़ाइल नहीं चलाता है:

function playSound() {
  var sound = document.getElementById("audio");
  sound.play();
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="name">
  My name is
  <div>
    <a><i class="fa fa-volume-up" style="font-size:24px" onclick="playSound()"></i></a>
  </div>
  Basiyath Zubair
  <audio id="audio" src="./audio/name.mp3"></audio>
</div>
0
Basiyath T Zubair 16 अक्टूबर 2019, 10:46

2 जवाब

सबसे बढ़िया उत्तर

अगर आप src विशेषता के लिए सही यूआरएल असाइन करते हैं >audio, यह काम करेगा, जैसे

function playSound() {
  var sound = document.getElementById("audio");
  sound.play();
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="name">
  My name is
  <div>
    <a><i class="fa fa-volume-up" style="font-size:24px" onclick="playSound()"></i></a>
  </div>
  Basiyath Zubair
  <audio id="audio" src="https://interactive-examples.mdn.mozilla.net/media/examples/t-rex-roar.mp3">
    Your browser does not support the <code>audio</code> element.
  </audio>
</div>
1
Alessio Cantarella 16 अक्टूबर 2019, 13:50

इसे आजमाएं, यह आपके काम आ सकता है

<!DOCTYPE html>
<html>
<body>
<audio id="myAudio">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>
<p>Click the buttons to play or pause the audio.</p>
<button onclick="playAudio()" type="button">Play Audio</button>
<button onclick="pauseAudio()" type="button">Pause Audio</button>
<script>
    var x = document.getElementById("myAudio"); 

    function playAudio() { 
      x.play(); 
    } 

    function pauseAudio() { 
     x.pause(); 
    }
</script> 
</body>
</html>
0
Joystick 16 अक्टूबर 2019, 11:11