社区
CSS
帖子详情
html界面如何实现点击图片或者div块使用function播放音频
糯白
2017-07-09 09:13:37
就是编写一个一个网页之后,想通过点击一块区域或者点击这个图片的时候播放一个音频文件,点击不同的区域或者不同的图片播放的音频不一样,要实现这么功能的话function方法里面又这种方法么?
...全文
1144
2
打赏
收藏
html界面如何实现点击图片或者div块使用function播放音频
就是编写一个一个网页之后,想通过点击一块区域或者点击这个图片的时候播放一个音频文件,点击不同的区域或者不同的图片播放的音频不一样,要实现这么功能的话function方法里面又这种方法么?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
z153373846
2017-07-14
打赏
举报
回复
可以个不同的块添加一个data-url=url属性,然后添加一个音频标签,function通过点击不同的块来获取到data-url赋值给音频标签来达到点击不同的块播放不同的音乐效果
当作看不见
2017-07-09
打赏
举报
回复
这个是有的,提前加载好video,点击触发播放事件,参考如下 http://www.jb51.net/html5/317406.html
HTML
点
击
图片
播放
音乐
很多小伙伴都会用
HTML
来编写一些网页,如何让网页变得更有美感,增加一个背景音乐就很有必要了。 这里给大家介绍一个我自己用的方法:点
击
图片
播放
音乐,再次点
击
则停止音乐. 1.我们需要将用到的
音频
文件导入到我们的网页中 <audio id="music" src="music/yinanping.flac" l...
使用
HTML
5制作音乐
播放
界面
接下来,我们将添加一些JavaScript代码,以便通过按钮控制音乐
播放
器。在上面的代码中,我们已经在script标签中为JavaScript代码预留了位置。我们将
使用
JavaScript来获取按钮元素的引用,并为它们添加点
击
事件处理程序。本文将向您展示如何
使用
HTML
5和一些简单的JavaScript代码来制作一个基本的音乐
播放
界面
。在上面的代码中,我们创建了一个简单的音乐
播放
器
界面
。
界面
包含一个标题(h1元素),一个
音频
播放
器(audio元素)和三个按钮(
播放
、暂停和停止按钮)。
HTML
音乐
播放
器
界面
经过了两周的实训,最后两天时间开始这个项目的设计和制作,技术不够成熟,还未能连上数据库,大部分的时间花在了组内成员各页面的整合之上,效果不胜理想。在此先简单做一个总结,记录一些东西。 音乐
播放
功能 功能描述:点
击
歌曲名字,出现单曲
播放
界面
,底端
播放
器进行
播放
,歌曲名与歌手名显现对应名字,切换页面的同时,歌曲不间断
播放
,
播放
按钮点
击
实现
暂停,重播按钮点
击
实现
重播。 歌名设置onclick事件s...
前端
html
多
音频
自动连续
播放
前端
html
多
音频
连续自动
播放
,且标识正在
播放
的文件
使用
html
+js
实现
视频
播放
器
使用
html
+js
实现
视频
播放
器 上周花了2天的时间做了一个视频
播放
,构思起来并没有觉在这里插入代码片得很难,但实际操作起来却会遇到种种奇怪的问题,不过学习就是不断发现问题并解决问题的过程嘛。 今天我来整理一下这次的成果,主要是javaScript部分。 首先是
html
部分(我这里只贴出关键部分,其他修饰网页的部分并没有贴出) <
div
id="player"> <video id="video" src="###" controls="controls" autoplay="au
CSS
61,115
社区成员
60,728
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章