html界面如何实现点击图片或者div块使用function播放音频

糯白 2017-07-09 09:13:37

就是编写一个一个网页之后，想通过点击一块区域或者点击这个图片的时候播放一个音频文件，点击不同的区域或者不同的图片播放的音频不一样，要实现这么功能的话function方法里面又这种方法么？

...全文

1137 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

z153373846 2017-07-14

打赏
举报

回复

可以个不同的块添加一个data-url=url属性，然后添加一个音频标签，function通过点击不同的块来获取到data-url赋值给音频标签来达到点击不同的块播放不同的音乐效果

当作看不见 2017-07-09

打赏
举报

回复

这个是有的,提前加载好video,点击触发播放事件,参考如下 http://www.jb51.net/html5/317406.html

很多小伙伴都会用HTML来编写一些网页，如何让网页变得更有美感，增加一个背景音乐就很有必要了。这里给大家介绍一个我自己用的方法：点击图片播放音乐，再次点击则停止音乐. 1.我们需要将用到的音频文件导入到我们的网页中 <audio id="music" src="music/yinanping.flac" l...

接下来，我们将添加一些JavaScript代码，以便通过按钮控制音乐播放器。在上面的代码中，我们已经在script标签中为JavaScript代码预留了位置。我们将使用JavaScript来获取按钮元素的引用，并为它们添加点击事件处理程序。本文将向您展示如何使用HTML5和一些简单的JavaScript代码来制作一个基本的音乐播放界面。在上面的代码中，我们创建了一个简单的音乐播放器界面。界面包含一个标题（h1元素），一个音频播放器（audio元素）和三个按钮（播放、暂停和停止按钮）。

经过了两周的实训，最后两天时间开始这个项目的设计和制作，技术不够成熟，还未能连上数据库，大部分的时间花在了组内成员各页面的整合之上，效果不胜理想。在此先简单做一个总结，记录一些东西。音乐播放功能功能描述：点击歌曲名字，出现单曲播放界面，底端播放器进行播放，歌曲名与歌手名显现对应名字，切换页面的同时，歌曲不间断播放，播放按钮点击实现暂停，重播按钮点击实现重播。歌名设置onclick事件s...

前端html多音频连续自动播放，且标识正在播放的文件

使用html+js实现视频播放器上周花了2天的时间做了一个视频播放，构思起来并没有觉在这里插入代码片得很难，但实际操作起来却会遇到种种奇怪的问题，不过学习就是不断发现问题并解决问题的过程嘛。今天我来整理一下这次的成果，主要是javaScript部分。首先是html部分（我这里只贴出关键部分，其他修饰网页的部分并没有贴出） <div id="player"> <video id="video" src="###" controls="controls" autoplay="au

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章