【问题标题】:mp3 player in HTML website [closed]HTML网站中的mp3播放器[关闭]
【发布时间】:2012-02-24 10:42:51
【问题描述】:

我想在我的网站中插入一个简单的 mp3 播放器。 Mp3 播放器必须只有 2 个按钮(播放和暂停)。

我找到了这个:http://www.schillmania.com/projects/soundmanager2/,它看起来不错,但我无法让它有这两个按钮。谁能帮我找到一种以这种方式插入 mp3 播放器的方法?

【问题讨论】:

  • 你已经尝试了什么?他们是本网站“入门”下的文档,用于安装 mp3 播放器。

标签: javascript html mp3 media-player


【解决方案1】:

几个月前,我正在研究有关在游戏中播放声音的主题,而 SoundManager 是使用 JavaScript 播放音频的更简单方法。

第一种方式:

如果您查看文档,您会看到SoundManager 拦截对 MP3 链接的点击并内联播放它们。该脚本为链接分配额外的 CSS 类以指示其状态(播放/暂停等)

<a href="/mp3/foo.mp3" title="Play sound" class="sm2_button">Play Link</a>

查看demo and more info

第二种方式

如果您想使用个性化按钮而不是链接、图像或任何其他 html 元素,您可以使用onClick 事件来播放/暂停声音,例如:

加载声音:

<script>
soundManager.onready(function() {
   soundManager.createSound({id:'mySound1',url:'/audio/foo.mp3'});
"
});
</script>

按钮:

<button id="play" onclick="soundManager.play('mySound1');return false">Play Button</button>
<button id="pause" onclick="soundManager.pause('mySound1');return false">Pause Button</button>

您可以在API找到更多信息

【讨论】:

    【解决方案2】:

    一般来说,播放音频文件有两种主要方式,一种是使用预制的 Flash 对象(如果您有动作脚本技能,也可以自己制作)或使用 HTML5 audio tag 和 javascript 控件。如果您正在寻找 Flash 播放器,请尝试 activeden,它有 1000 多个小播放器可供出售,希望能满足您的需求。以下是您如何将insert a flash object 加入您的页面。

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-04-19
    • 2011-06-17
    • 1970-01-01
    相关资源
    最近更新 更多