发表新帖
发表新帖

Playing Audio in HTML

前端 未结
关注
4 1600
陌清茗
陌清茗 2020-12-17 16:13

I want to play a mp3 audio file in HTML. I don\'t want to display the whole player with controls like Volume etc. I just need a play/pause button, Designed by me, not the co

相关标签:
4条回答
  • 粉色の甜心
    2020-12-17 16:19

    You can play audio by using embed tag

    <!DOCTYPE html>
<html>
<body>

<p><a href="horse.mp3">Play mp3</a></p>
<p><a href="liar.wav">Play wav</a></p>

<script src="http://mediaplayer.yahoo.com/js"></script>

</body>
</html>
    0 讨论(0)
  • 花落未央
    2020-12-17 16:24

    Audio.js looks like it has the player styling features you're looking for, with a graceful degradation to Flash if the browser doesn't support the new audio API.

    0 讨论(0)
  • 面向向阳花
    2020-12-17 16:29

    Hopefully, in a few years, the HTML5 audio API will be supported accross more browsers, but currently, playing sounds requires either a lot of browser-specific hacks to get things working, or reliance on a browser plugin like flash.

    In the meantime, I reccomend using SoundManager2. It's fairly easy to work with and will involve much less headache than doing it yourself.

    0 讨论(0)
  • 无人共我
    2020-12-17 16:41

    You can use the html5 audio tag. You can specify your own controls for playback.

    <audio preload="auto" autobuffer> 
  <source src="elvis.mp3" />
  <source src="elvis.wav" /> <!-- fallback if no mp3 support in browser -->
</audio>

    This is a jQuery solution.

    http://jsfiddle.net/QPW27/109/

    This is what your non-jQuery solution would look like.

    var foo = document.getElementById('player');
foo.pause();  //just bind play/pause to some onclick events on your page
foo.play();

    Different browsers support different audio formats. You can specify fallback audio versions though. This website has a nice chart of browser support as of July 2011.

    0 讨论(0)
 看不清?
提交回复
热议问题