html5界面手机播放mp3

简介: 1把这段代码复制到htm5界面. 2.给个按钮,点击按钮事件,让其播放音乐,$(function(){ $('.jb-num').click(function(){ var myAuto = document.getElementById('audio'); myAuto.play(); });}) 注意一点就是:1.在手机浏览器打开页面,如果没有用户的操作是不会播放声音的。

1把这段代码复制到htm5界面.

<audio id="audio" src="2.mp3"
    style="opacity:0" preload="auto" controls hidden="true"/>

 

2.给个按钮,点击按钮事件,让其播放音乐,

$(function(){
    $('.jb-num').click(function(){
        var myAuto = document.getElementById('audio');
        myAuto.play();
    });
})

 

注意一点就是:1.在手机浏览器打开页面,如果没有用户的操作是不会播放声音的。

 

目录
相关文章
|
6月前
|
Android开发 芯片
ESP8266-mini-d1+点灯科技——制作手机远程MP3播放器
ESP8266-mini-d1+点灯科技——制作手机远程MP3播放器
209 0
ESP8266-mini-d1+点灯科技——制作手机远程MP3播放器
用html+javascript打造公文一键排版系统1:设计界面
用html+javascript打造公文一键排版系统1:设计界面
|
2月前
Twaver-HTML5基础学习(29)界面交互
这篇文章介绍了Twaver-HTML5中界面交互的多种模式,包括默认模式、编辑模式、创建网元模式、创建连线模式、创建形状连线模式、创建形状网元模式、触屏模式和放大镜模式,并提供了相应的代码示例。
70 11
Twaver-HTML5基础学习(29)界面交互
|
26天前
|
语音技术 Python
html如何转成mp3
文本转语音的品质依赖于选用的TTS服务,不同的服务在声音自然度、语种支持上存在差异。 - 部分高级TTS服务可能涉及费用,使用前请详查费用政策和使用限制。
17 0
|
3月前
|
前端开发
HTML+CSS基础知识(4)简单的广告界面
这篇文章通过代码示例演示了如何使用CSS样式来美化网页布局,包括清除默认样式、设置页面字体、调整标题和内容的样式,以及为超链接添加悬停效果。
HTML+CSS基础知识(4)简单的广告界面
|
5月前
|
数据采集 JavaScript 前端开发
HTML表单深度解析:构建互动的网页界面
HTML表单深度解析:构建互动的网页界面
|
6月前
|
移动开发 前端开发 JavaScript
如何实时准确地从HTML5视频中截取当前播放画面
如何实时准确地从HTML5视频中截取当前播放画面
558 4
|
11月前
HTML+CSS+JS实现十款好看的登录注册界面模板,赶紧收藏起来吧!(一)
HTML+CSS+JS实现十款好看的登录注册界面模板,赶紧收藏起来吧!
|
6月前
|
存储 移动开发 安全
【专栏:HTML基础篇】HTML表单基础:创建用户交互界面
【4月更文挑战第30天】本文介绍了HTML表单的基础知识,包括表单的基本概念、输入元素(如文本框、密码框、单选/复选框、提交/重置按钮等)、表单属性(如action、method、target)以及表单验证。了解这些内容能帮助开发者创建功能齐全、交互性强的用户界面,提升网页开发技能。
108 0
|
6月前
|
移动开发 前端开发 JavaScript
9.使用html制作登录界面
9.使用html制作登录界面
529 0

热门文章

最新文章