html5界面手机播放mp3

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.在手机浏览器打开页面,如果没有用户的操作是不会播放声音的。

时间: 2024-10-14 09:48:21

html5界面手机播放mp3的相关文章

html5 audio手机播放,锁屏或程序后台运行音乐不播放

今天做一个手机播放页面,发现在ios上只要锁屏或切换其他程序音乐就关闭,找了好久才发现原因. 因为页面之播放一个文件所以我这样写的 <audio id="audio" autoplay="true" controls="" preload="preload"> </audio> 再通过js设置mp3地址 audio.setAttribute("src","http://xx

CEF3 HTML5 audio标签为什么不能播放mp3格式的音频文件

CEF3 HTML5 audio标签 为什么不能播放mp3格式的音频文件 原因略. 解决方法: 找一个最新版的chrome ,我用的是24版本.路径 C:\Documents and Settings\guo\Local Settings\Application Data\Google\Chrome\Application\24.0.1312.57的下面有一个文件ffmpegsumo.dll. 复制出来,替换掉CEF3的同名文件.就好了.

html5播放器 —— willesPlay.js,支持手机播放

之前介绍了不少视频播放器,但是很多是基于flash的,现在已经很明显,flash被很彻底的干掉了,收藏一两个html5播放器 (可以手机播放,手机都支持html5),以备做项目之需. 源码地址 https://www.html5tricks.com/download/html5-video-player-mobile.rar 原文地址:http://blog.51cto.com/13710865/2105405

工业串口触摸屏开发制作mp3播放器,单片机或PLC通过串口控制播放MP3音频方法

在工业控制系统中将音乐或语音MP3的美和工控结合在一起,给人以赏心悦目的感受.随着工业控制的发展,对工业控制的控制要求也越来越高,使得越来越多的控制部分不是指简单的现场控制,还需要增加音乐播放或语音提示,使得控制系统更加人性化. 这里介绍广州易显的工业串口触摸屏或者ARM工控机连接单片机或者PLC,使用工业串口触摸屏开发制作mp3的方法.跟电脑的播放器一样,具有播放,暂停,停止,控制播放进度,上一首,下一首等功能.可以在人机界面上控制播放MP3音乐或者语音提示.也可以使用单片机或PLC控制播放的

扫描SD卡,显示歌曲信息,简单播放MP3,层层低级掌握服务.............

一,在主线程直接完成这一切,app退出,歌曲不播放了....(掌握contentResolver读取media信息和播放mp3) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65

[转载]html5 audio音频播放全解析——html5系列

序 html5开启了一个新时代,因为它让浏览器本身变得不那么被动,audio api就是一个典型的列子,在html5还没确定之前,如果想要在听音乐看视频唯一的办法就是用flash意思是当你没有给浏览器装载Flash插件的话 那么音乐视频即是空谈,html5 audio的出现改变了这一格局,因为你可以不用Flash插件就可以听音乐看视频,当然这些能否实现还跟你用的浏览器有关. 这是demo地址 http://www.feman.cn/h5/audio.html 在手机上浏览效果会更好 文章结构 1

Android手机播放电脑视频文件-屌丝必备

今天早上一到办公室,照常打开博客园看文章,看到有一片文章是用  http://www.cnblogs.com/wdfrog/p/3738180.html 看到这哥们实现的方法好复杂,又是配置电脑端,又是配置手机端,还又是转码啥的,倒腾时间长不说,而且还很麻烦,这里介绍下我是如何用手机直接播放电脑上的文件的. 之所以播放电脑上的文件,主要原因是视频文件都很大,清晰度高的一部电影都1GB左右了,对于手机来说,虽然能够装得下,但是看完就得删了,没法长时间储存在手机上, 来回往手机上拷视频文件,就这文件

HTML5实现手机摇一摇的功能

利用html5实现类似微信的手机摇一摇功能,并播放音乐. 1.  deviceOrientation:封装了方向传感器数据的事件,可以获取手机静止状态下的方向数据,例如手机所处角度.方位.朝向等. 2.  deviceMotion:封装了运动传感器数据的事件,可以获取手机运动状态下的运动加速度等数据. js如下: <scirpt> var SHAKE_THRESHOLD = 3000; var last_update = 0; var x = y = z = last_x = last_y =

HTML5环形音乐播放器

通过 HTML5,音乐在网络上东山再起.添加音频文件就像插入图像那样简单,并且用户能在浏览器外播放音乐,从而实现惊人的音乐体验.<audio> 标签的推出使您不再需要外部音乐播放器,在网站上实现真正的声音融合. 随着 HTML5 的出现,发生了一些重大变化,特别是在音乐和音频方面.开发人员不再要求 web 冲浪者使用 Adobe Flash.Apple QuickTime 或 Microsoft Windows 媒体播放器等特殊的播放器.这意味着用户不必担心是否有最新的兼容插件(或任何播放器插