尝试使用JavaScript播放音频。但是不是在玩?

时间:2014-06-24 05:01:16

标签: javascript html5 audio playback

所以我正在努力制作一个广播电台项目。在一开始它将播放一个音频文件,如:“欢迎来到97.5的节拍”或其他什么,然后它会选择一个随机的歌曲,并在它结束后,它将播放一个音频文件说“这是一个很棒的节拍。到下一个!“它会发出不同的随机歌曲

令人兴奋的部分!码! 我试过这样做:

var audio = new Audio("test.mp3");
audio.play();

它不会发挥任何作用?什么是使用JavaScript播放音频的最简单,最快捷的方式?请不要涉及HTML。

编辑:尝试使用Howler.js,但仍然不会做任何事情?这是代码:

//I moved it
var sound = new Howl({
  urls: ['/audio/test.mp3']
}).play();

这是目录:C:\ Websites \ infiniteradiostation \ audio \ test.mp3

2 个答案:

答案 0 :(得分:1)

您发布的代码看起来不错,请检查javascript控制台没有错误,并确保文件的路径正确。

除此之外,您还可以使用多个选项来增强功能。

SoundManager2

SoundManager2是一个出色的库,可提供大量功能(如果您愿意,也可以向后兼容)。

示例代码将是这样的。

<script src="/path/to/soundmanager2.js"></script>
<script>
soundManager.setup({
  url: '/path/to/swf-files/',
  onready: function() {
    var mySound = soundManager.createSound({
      id: 'aSound',
      url: '/path/to/an.mp3'
    });
    mySound.play();
  }
});
</script>

Howler.js

Howler也是一个值得关注的优秀图书馆。它的示例代码将是这样的东西

var sound = new Howl({
  urls: ['sound.mp3', 'sound.ogg', 'sound.wav'],
  autoplay: true,
  loop: true,
  volume: 0.5,
  onend: function() {
    alert('Finished!');
  }
});

答案 1 :(得分:0)

该代码应该有效。您使用的是哪种浏览器?

使用更多选项的替代方法是使用此库http://goldfirestudios.com/blog/104/howler.js-Modern-Web-Audio-Javascript-Library