18:04 提问
h5写的音频播放器获取总时长的问题
我用h5写了一个音频播放器，嵌入到app里，有些手机获取不到音频的总时长，有些手机可以获取到。
准确详细的回答，更有利于被提问者采纳，从而获得C币。复制、灌水、广告等回答会被删除，是时候展现真正的技术了！
其他相关推荐关于h5中背景音乐的自动播放_HTML/CSS
作者：用户
音乐的自动播放属性，这里也介绍一下：&audio controls="controls" autoplay="autoplay"&
&source src="song.ogg" type="audio/ogg" /&
&source src="song.mp3" type="audio/mpeg" /&Your browser does not suppor...
音乐的自动播放属性，这里也介绍一下：&audio controls="controls" autoplay="autoplay"&
&source src="song.ogg" type="audio/ogg" /&
&source src="song.mp3" type="audio/mpeg" /&Your browser does not support the audio element.&/audio&autoplay 属性规定一旦音频就绪马上开始播放。如果设置了该属性，音频将自动播放。但是在实际运用中，经常会遇到不能自动播放的现象，主要是因为有些浏览器或者手机会阻止或不支持autoplay这个属性，在这里我介绍一下我采用的方法。首先：在html中代码如下&audio id="music1" controls="controls" autoplay="autoplay" preload id="music1" hidden&&source src="music/bgmusic.mp3" /&&/audio&&!--这里是音乐--&&img id="btn" class="active" src="img/music.png" alt="" /&&!--这里是一个可以控制背景音乐播放暂停的开关--&&在js文件中采用如下代码&var audio = document.getElementById('music1');$("#btn").bind("touchstart"， function bf() {&if(audio !== null) {//检测播放是否已暂停.audio.paused 在播放器播放时返回false.//alert(audio.paused);if(audio.paused) {audio.play(); //audio.play();// 这个就是播放$("#btn").addClass("active")} else {audio.pause(); // 这个就是暂停$("#btn").removeClass("active")}}})&写到了这里大部分安卓机就基本可以实现自动播放了，但是苹果手机在这个时候还是不行的这里我采用了一个在加载页中加入一个按钮，当加载完成的时候，点击按钮，引导用户完成背景音乐的自动播放，代码如下：$("html").one('touchstart'，function(){audio.play();})到了这里就实现了背景音乐的自动播放，这个办法适用于有加载页，并且需要点击进入h5的项目......
以上是互联网用户为您的的内容，在阿里云内部有更多的关于关于h5中背景音乐的自动播放_HTML/CSS的内容，欢迎继续使用右上角搜索按钮进行搜索自动、播放、背景音乐、关于、以便于您获取更多的相关信息。
本文内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件至：zixun-group@service.aliyun.com 进行举报，并提供相关证据，工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。
若您要投稿，删除文章请联系邮箱：zixun-group@service.aliyun.com
工作人员会在5个工作日内回复
html教程栏目为您免费提供
相关信息，包括
的信息 ，所有
相关内容均不代表阿里云的意见！投稿、删除文章请联系邮箱：zixun-group@service.aliyun.com，工作人员5个工作日内回复。在H5场景中插入自定义音频和视频（任意画面）在H5场景中插入自定义音频和视频（任意画面）小软技术百家号本文由Zoomla!逐浪CMS官方发行，提升每一个开发者技能，并提供丰富的帮助信息。在动力场景中，可以自由引用全场背景音乐。但是，在一些特殊场合，比如要做一个音乐相册，如何自由定义相应音乐？其实方法很简单，我们只要采用图文按钮，在“html”模式下粘贴代码就能自由上传、定义音乐：首先我们选择左上角的添加新组件，然后选择图文按钮，如下图：在编辑器录入框中，输入相应代码：插入视频的方法是：&video width="300px" height="200px" style="border: 1px solid rgb(154, 199, 254); border-image:" src="https://www.z01.com/The_Sea.mp4" controls="" poster="https://www.z01.com/skin/2010/images/mp3.jpg"&&/video&其效果如下：插入音频的方法是：&audio src="https://www.z01.com/The_Sea.mp3" controls="controls" autoplay /&其中autoplay是用于自动播放，如果放入此字符，则会自动播放，否则不会自动播放，如下图所示：而controls是显示播放器按钮，如果不想显示播放器，则放入背景，不显示即可。如果要插入优酷等第三方视频，则应使用通用代码，进行插入：&iframe height=498 width=510 src='http://player.youku.com/embed/XNzEzNTkyMTAw' frameborder=0 'allowfullscreen'&&/iframe&体验预览：http://v.z01.com/h5/1318*需要注意的是，在HTML代码模式编辑好代码后，要再点此代码，回到可视化编辑，再保存，否则代码不会生效。本文由百家号作者上传并发布，百家号仅提供信息发布平台。文章仅代表作者个人观点，不代表百度立场。未经作者许可，不得转载。小软技术百家号最近更新：简介:发现生活，感受生活，叹生活，爱生活作者最新文章相关文章&>&使用h5实现的音频播放器
使用h5实现的音频播放器
上传大小：7.48MB
使用h5实现的音频播放器，是使用html5+JavaScript实现的，可以在网页播放mp3
综合评分：0
{%username%}回复{%com_username%}{%time%}\
/*点击出现回复框*/
$(".respond_btn").on("click", function (e) {
$(this).parents(".rightLi").children(".respond_box").show();
e.stopPropagation();
$(".cancel_res").on("click", function (e) {
$(this).parents(".res_b").siblings(".res_area").val("");
$(this).parents(".respond_box").hide();
e.stopPropagation();
/*删除评论*/
$(".del_comment_c").on("click", function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_invalid/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parents(".conLi").remove();
alert(data.msg);
$(".res_btn").click(function (e) {
var parentWrap = $(this).parents(".respond_box"),
q = parentWrap.find(".form1").serializeArray(),
resStr = $.trim(parentWrap.find(".res_area_r").val());
console.log(q);
//var res_area_r = $.trim($(".res_area_r").val());
if (resStr == '') {
$(".res_text").css({color: "red"});
$.post("/index.php/comment/do_comment_reply/", q,
function (data) {
if (data.succ == 1) {
var $target,
evt = e || window.
$target = $(evt.target || evt.srcElement);
var $dd = $target.parents('dd');
var $wrapReply = $dd.find('.respond_box');
console.log($wrapReply);
//var mess = $(".res_area_r").val();
var mess = resS
var str = str.replace(/{%header%}/g, data.header)
.replace(/{%href%}/g, 'http://' + window.location.host + '/user/' + data.username)
.replace(/{%username%}/g, data.username)
.replace(/{%com_username%}/g, data.com_username)
.replace(/{%time%}/g, data.time)
.replace(/{%id%}/g, data.id)
.replace(/{%mess%}/g, mess);
$dd.after(str);
$(".respond_box").hide();
$(".res_area_r").val("");
$(".res_area").val("");
$wrapReply.hide();
alert(data.msg);
}, "json");
/*删除回复*/
$(".rightLi").on("click", '.del_comment_r', function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_comment_del/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parent().parent().parent().parent().parent().remove();
$(e.target).parents('.res_list').remove()
alert(data.msg);
//填充回复
function KeyP(v) {
var parentWrap = $(v).parents(".respond_box");
parentWrap.find(".res_area_r").val($.trim(parentWrap.find(".res_area").val()));
评论共有0条
VIP会员动态
热门资源标签
CSDN下载频道资源及相关规则调整公告V11.10
下载频道用户反馈专区
下载频道积分规则调整V1710.18
spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip
资源所需积分/C币
当前拥有积分
当前拥有C币
输入下载码
为了良好体验，不建议使用迅雷下载
使用h5实现的音频播放器
会员到期时间：
剩余下载个数：
剩余积分：0
为了良好体验，不建议使用迅雷下载
积分不足！
资源所需积分/C币
当前拥有积分
您可以选择
程序员的必选
绿色安全资源
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
您的积分不足，将扣除 10 C币
为了良好体验，不建议使用迅雷下载
无法举报自己的资源
你当前的下载分为234。
你还不是VIP会员
开通VIP会员权限，免积分下载
你下载资源过于频繁，请输入验证码
您因违反CSDN下载频道规则而被锁定帐户，如有疑问，请联络:!
若举报审核通过，可返还被扣除的积分
被举报人：
jiangpandubu03
请选择类型
资源无法下载 （ 404页面、下载失败、资源本身问题）
资源无法使用 （文件损坏、内容缺失、题文不符）
侵犯版权资源 （侵犯公司或个人版权）
虚假资源 （恶意欺诈、刷分资源）
含色情、危害国家安全内容
含广告、木马病毒资源
*投诉人姓名：
*投诉人联系方式：
*版权证明：
*详细原因：
使用h5实现的音频播放器h5 音频播放_百度知道
h5 音频播放
使用audio标签在src路径中放入绝对地址，ios手机可以正常播放，但是在手机的通知页面，显示的是绝对地址的路径，这样会暴露出地址，有没有办法修改，显示一个伪的标题，或者如何把音频...
使用audio标签在src路径中放入绝对地址，ios手机可以正常播放，但是在手机的通知页面，显示的是绝对地址的路径，这样会暴露出地址，有没有办法修改，显示一个伪的标题，或者如何把音频流在h5界面播放出来，
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
采纳数：26
获赞数：20
你可以先把音频上传导服务器端，并把该路径存到数据库里，然后通过前台调用获取数据库的对应音频地址显示导页面上
但是这样在通知栏上依然会显示src里的路径地址，
为你推荐：
其他类似问题
您可能关注的内容
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。