JavaScript-javascript 如何操作声音?
有这么一个需求,比如鼠标移到某一个图片或者按钮上或者是点击、拖拽等,就会播放一个声音,这个声音文件很小,格式无所谓,请问如何实现?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
有这么一个需求,比如鼠标移到某一个图片或者按钮上或者是点击、拖拽等,就会播放一个声音,这个声音文件很小,格式无所谓,请问如何实现?
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(2)
用js控制页面的播放器控件。
在html中加入object(embed),在鼠标移动到图片上时设置播放器的音乐文件地址即可。
情况分为2种:
1.单曲的播放:
这个简单,使用Object标签,就可以实现了。具体参数如下:
<object id="Exobud" style="width: 273px; height: 64px" type="application/x-oleobject"
classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param name="URL" value=""/>
<param name="rate" value="1"/>
<param name="balance" value="0"/>
<param name="currentPosition" value="0"/>
<param name="defaultFrame" value=""/>
<param name="playCount" value="1"/>
<param name="autoStart" value="-1"/>
<param name="currentMarker" value="0"/>
<param name="invokeURLs" value="-1"/>
<param name="baseURL" value=""/>
<param name="volume" value="80"/>
<param name="mute" value="0"/>
<param name="uiMode" value="full"/>
<param name="stretchToFit" value="-1"/>
<param name="windowlessVideo" value="0"/>
<param name="enabled" value="-1"/>
<param name="enableContextMenu" value="0"/>
<param name="fullScreen" value="0"/>
<param name="SAMIStyle" value=""/>
<param name="SAMILang" value=""/>
<param name="SAMIFilename" value=""/>
<param name="captioningID" value=""/>
<param name="enableErrorDialogs" value="0"/>
<param name="_cx" value="7223"/>
<param name="_cy" value="1693"/>
</object>
2.多曲目的循环播放:
这个要复杂的多了,使用一个数组或者列表,来存贮因为的URL,然后通过JS方法去循环调用即可