-
等级
本版专家分：0结帖率 75% -
效果是这样的，一个页面有多个audio，但是我只想让页面里有一个播放，意思就是说，当有一个在播放时，我去点另外一个的时候，那一个会暂停，然后我点当前的这个的时候，当前的暂停展开阅读全文
-
等级
本版专家分：6573勋章
-
- 签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！
-
- 蓝花 2016年9月 Web 开发大版内专家分月排行榜第三
-
-
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> 音乐</title>
</head>
<body>
<audio src="b.mp3" controls="controls" preload id="music1" hidden>
</audio>
<span id="bf" onclick="bf();">播放/暂停</span>
<span id="bf" onclick="rbf();">重新播放</span>
<script>
function rbf(){
var audio = document.getElementById('music1');
audio.currentTime = 0;
}
function bf(){
var audio = document.getElementById('music1');
if(audio!==null){
//检测播放是否已暂停.audio.paused 在播放器播放时返回false.
alert(audio.paused);
if(audio.paused) {
audio.play();//audio.play();// 这个就是播放
}else{
audio.pause();// 这个就是暂停
}
}
}
</script>
</body>
</html>
这有个js控制暂停开始的，其他的只要有思路应该不难
-
等级
本版专家分：0
-
并不是这样的啊，大哥
-
等级
本版专家分：164883勋章
-
- 签到王者 累计签到获取，不积跬步，无以至千里，继续坚持！
-
- GitHub 绑定GitHub第三方账户获取
-
-
进士
2019年总版新获得的技术专家分排名前十
2018年总版新获得的技术专家分排名前十
2017年 总版技术专家分年内排行榜第七
-
- 银牌 2019年1月 总版技术专家分月排行榜第二
-
-
<audio src="1.mp3" controls="controls"></audio>
<audio src="2.mp3" controls="controls"></audio>
<audio src="3.mp3" controls="controls"></audio>
<script type="text/javascript">
var audio = document.getElementsByTagName("audio");
for(var i=0, l = audio.length; i<l; i++)
{
audio[i].addEventListener("play", function(){
for(var i=0, l = audio.length; i<l; i++)
if (audio[i]!=this)
audio[i].pause();
});
}
</script>
-
等级
本版专家分：0
-
大神，赞一个
-
等级
本版专家分：25
-
楼上的思想挺不错的。建议采纳试试。这个功能其实不难，实现方法有很多。html5的audio标签有播放和暂停两个事件可用。只要做到点击一个 暂停其它的就行了。最简单的方法就是。点击时先暂停或停止所有，然后在播放点击这个 就可以了。
- HTML5中使用js控制audio标签的方法
默认提供一个控制面板，但是有些时候我们只需要播放声音，控制面板由我们自己来定义其显示的状态。 这里我们可以使用JS来进行控制，代码如下： var audio ; window.onload = function(){ initAudio(); } var ...
- HTML5 audio标签使用js进行播放控制实例
默认提供一个控制面板，但是有些时候我们只需要播放声音，控制面板由我们自己来定义其显示的状态。 这里我们可以使用JS来进行控制，代码如下： 代码如下: var audio ; window.onload = function(){ initAudio();...
- js 控制 HTML5 audio标签 播放音频文件
js 控制 HTML5 audio标签 播放音频文件</title> </head> <body> <button onclick="play()">播放音频</button> <button onclick="pause()">暂停音频</button> <.
- Javascript控制html5 Audio标签
Javascript控制html5 Audio标签9 Replies在上一篇文章：Html5 audio标签(属性)的使用详解中已经把关于audio标签的如何使用以及支持属性说清楚了。这里写篇文章记录一下：如何使用js控制html5的audio标签。javascript...
- JS 控制 audio 标签 播放/暂停 音乐
<script type="text/javascript"> window.onload = function(){ /*解决不同浏览器不能播放的情况*/ // function toggleSound() { // if (audio.paused) { //判读是否播放 // audio.pl
- 控制audio播放次数JS
//播放次数 function playTimes(elemId, count) { elem = document.getElementById(elemId); start = 0; times = count; elem.addEventListener("ended",playFunction); elem.play(); } function playFunction() { ...
- 一个页面中有多个audio标签，播放其中一个时暂停其他，只允许一个audio播放
audio"); // 暂停函数 function pauseAll() { var self = this; [].forEach.call(audios, function (i) { // 将audios中其他的audio全部暂停 i !== self && i.pause()...
- 【实习所遇问题7】js控制 audio 标签的播放与暂停
<!DOCTYPE html> <html> <head>...meta charset="utf-8">...script language="javascript" type="text/javascript"> function autoPlay() { var myAuto = document.getElemen.
- 如何使用原生js控制video和audio的播放暂停切换
1. video 给按钮添加点击事件 如果想通过controls来控制也可以调用H5C3中视频的方法 1.1 html代码 <div style="text-align:center;"> <button id="btn">播放/...
- 一个页面中有多个audio标签，其中一个播放结束后自动播放下一个，audio连续播放
一个页面中有多个audio标签时，随机点击一个开始播放，当播放完成时自动播放下一个audio的音乐。 var audios = document.getElementsByTagName("audio"); for(var i=0;i<audios.length;i++){ //...
- JavaScript多个音频audio标签或者多个视频video，点击其中一个播放时，其他的停止播放...
<!DOCTYPE html> <html lang="en"> <head> <...一个页面中有多个音频audio标签，怎样在点击其中一个播放时，其他的停止播放</title> </head> <body...
- h5 audio标签播放音频
1，事先页面中创建好audio标签，然后通过js添加标签src属性的数性值 // html元素 <audio id="audio" src="sound.mp3" autoplay>您的浏览器不支持html5的audio标签</audio> // js控制代码 let audio = ...
- js控制audio音量_HTML5音量控制Audio淡入淡出效果
HTML5音量控制Audio淡入淡出效果HTML5音量控制淡入淡出效果说明： 请在音乐播放过程中点击以上音量控制按钮下面我们看下Jquery如何控制的/*Javascript代码片段*/var $myaudio = $('#myaudio'),eleaudio = $myaudio....
- 音乐播放列表（audio标签实现丶支持自动换歌）
音乐播放列表,支持自动换音乐,点击音乐,可视化页面。总而言之言而总之。麻雀虽小五脏俱全
- js-audio对象-音频倍速播放、定位播放
音频倍速播放 添加链接描述 添加链接描述
- 多个audio播放器播放,暂停,时间控制
多个audio播放器播放,暂停,时间控制 <audio>标签可以在HTML5浏览器...<audio>默认提供一个控制面板，但是有些时候我们只需要播放声音，控制面板由我们自己来定义其显示的状态。 这里我使用jQuery来进行控制的代码如下：
- H5 audio使用js方式实现播放与暂停,只用一个按钮
公司准备做一个安卓端的邀请函,这段时间就在研究h5方面的东西,今天看一下音频播放. 我是用了一个小图片代替按钮,绑定点击事件,实现了播放与暂停. <!DOCTYPE html> <html> <head> <meta ...
- jsp播放音乐控件audio,js控制暂停和播放
audio src="6579.mp3" controls="controls" width="30px" hidden=true loop=0 id="music"></audio> <input type="button" onclick=...
- audio标签+JS实现音乐播放和暂停的功能
此处以点击音乐图片sndctrl实现功能举例： ... <div class="sndctrl"> <img class="homeLoadingImg" data-src="images/a01.png"><i>...audio id="audio" src="media/music.mp3" auto...
- html 控制 多个音频Audio标签
ps需求如下图 <div class="cwbr-con"> <ul> <li> <p class="cc-text fl dhsl">音频名称音频名称音频&...g
- audio标签控制音量_<audio>标签HTML5音乐播放器
标签：用于在文档中表示音频内容。利用它，你可以在你的个人网站...别试了，是你的浏览器渣渣( 大家都叫我：IE8 )为了方便我们对音频文件进行控制，操作它的进度、播放暂停、音量等等，我们可以给它添加controls属性...
- HTML5中Audio标签的使用与通过JS暂停音乐播放器audio
关于http://blog.sina.com.cn/s/blog_51e565eb01018tbp.html
- H5 audio 音频标签自定义样式修改以及添加播放控制事件
需求要求这个音频标签首先要是可适配移动端浏览器的，音频样式就是参考微信做的。 最终效果如下： 具体实现 思路： H5 的 标签是由浏览器负责实现默认样式的。所以不同的浏览器样式不一样，有些还不太...
- audio播放与暂停
audio标签的播放与暂停 实现效果 遇见问题: 不能实现暂停播放功能 不能实现点击当前行播放,其他行暂停 第一次点击当前行会报以下错误,却可以播放文件 代码展示(已解决第一个问题 html data methods 问题1:解决...
- 1天搞定Python进阶课程-数据分析库Pandas
pandas是python中非常常用的数据分析库，在数据分析，机器学习，深度学习等领域经常被使用。本课程会讲解到pandas中核心的一些知识点，包括Series以及DataFrame的构建，赋值，操作，选择数据，合并等等，以及使用pandas对文件进行读取和写入，使用pandas绘图等等。 让大家在短时间内快速掌握python的数据分析库pandas的使用。
- Notepad++ 7.9.1
notepad++是一个免费的、开放源码的文本和源代码编辑器。notepad++是用c++编程语言编写的，它以减少不必要的功能和简化过程而自豪，从而创建了一个轻便高效的文本记事本程序。实际上，这意味着高速和易访问的、用户友好的界面。 notepad++已经存在了将近20年，没有任何迹象表明它的受欢迎程度会下降。记事本绝对证明了你不需要投资在昂贵的软件来编写代码从舒适的自己的家。自己尝试一下，你就会明白为什么Notepad能坚持这么久。
- Claymore-Dual-Miner：下载以太坊矿工（2020年更新）-源码
Claymore-Dual-Miner：下载以太坊矿工（2020年更新）
- 个人简历模板
优质简历模板，目前最前全的模板收藏，需要换工作的小伙伴们可以试试
- OCJP认证考试复习课
OCJP是甲骨文推出的的国际认证。 本课程由Java总监级讲师专注Java十三年，不但包含OCJP考试全部内容，还特意制作了很有针对性的阶段性项目让学习考取证书的同时获取一定的项目经验。 相关视频 OCJP(Oracle Certified Java Programmer)是Oracle认证的Java程序员的简称，即Sun被Oracle收购之前的SCJP，是Java语言的拥有厂商对全球的Java开发人员进行的 技术水平认证。该认证在国际上获得了IT 公司的普遍认可， 是目前国际上最热门的IT认证之一。
- matlab神经网络30个案例分析
【目录】- MATLAB神经网络30个案例分析(开发实例系列图书) 第1章 BP神经网络的数据分类——语音特征信号分类1 本案例选取了民歌、古筝、摇滚和流行四类不同音乐，用BP神经网络实现对这四类音乐的有效分类。 第2章 BP神经网络的非线性系统建模——非线性函数拟合11 本章拟合的非线性函数为y=x21+x22。 第3章 遗传算法优化BP神经网络——非线性函数拟合21 根据遗传算法和BP神经网络理论，在MATLAB软件中编程实现基于遗传算法优化的BP神经网络非线性系统拟合算法。 第4章 神经网络遗传算法函数极值寻优——非线性函数极值寻优36 对于未知的非线性函数，仅通过函数的输入输出数据难以准确寻找函数极值。这类问题可以通过神经网络结合遗传算法求解，利用神经网络的非线性拟合能力和遗传算法的非线性寻优能力寻找函数极值。 第5章 基于BP_Adaboost的强分类器设计——公司财务预警建模45 BP_Adaboost模型即把BP神经网络作为弱分类器，反复训练BP神经网络预测样本输出，通过Adaboost算法得到多个BP神经网络弱分类器组成的强分类器。 第6章 PID神经元网络解耦控制算法——多变量系统控制54 根据PID神经元网络控制器原理，在MATLAB中编程实现PID神经元网络控制多变量耦合系统。 第7章 RBF网络的回归——非线性函数回归的实现65 本例用RBF网络拟合未知函数，预先设定一个非线性函数，如式y=20+x21-10cos（2πx1）+x22-10cos（2πx2）所示，假定函数解析式不清楚的情况下，随机产生x1,x2和由这两个变量按上式得出的y。将x1,x2作为RBF网络的输入数据，将y作为RBF网络的输出数据，分别建立近似和精确RBF网络进行回归分析，并评价网络拟合效果。 第8章 GRNN的数据预测——基于广义回归神经网络的货运量预测73 根据货运量影响因素的分析，分别取国内生产总值（GDP），工业总产值，铁路运输线路长度，复线里程比重，公路运输线路长度，等级公路比重，铁路货车数量和民用载货汽车数量8项指标因素作为网络输入，以货运总量，铁路货运量和公路货运量3项指标因素作为网络输出，构建GRNN，由于训练数据较少，采取交叉验证方法训练GRNN神经网络，并用循环找出最佳的SPREAD。 第9章 离散Hopfield神经网络的联想记忆——数字识别81 根据Hopfield神经网络相关知识，设计一个具有联想记忆功能的离散型Hopfield神经网络。要求该网络可以正确地识别0~9这10个数字，当数字被一定的噪声干扰后，仍具有较好的识别效果。 第10章 离散Hopfield神经网络的分类——高校科研能力评价90 某机构对20所高校的科研能力进行了调研和评价，试根据调研结果中较为重要的11个评价指标的数据，并结合离散Hopfield神经网络的联想记忆能力，建立离散Hopfield高校科研能力评价模型。 第11章 连续Hopfield神经网络的优化——旅行商问题优化计算100 现对于一个城市数量为10的TSP问题，要求设计一个可以对其进行组合优化的连续型Hopfield神经网络模型，利用该模型可以快速地找到最优（或近似最优）的一条路线。 第12章 SVM的数据分类预测——意大利葡萄酒种类识别112 将这178个样本的50%做为训练集,另50%做为测试集,用训练集对SVM进行训练可以得到分类模型,再用得到的模型对测试集进行类别标签预测。 第13章 SVM的参数优化——如何更好的提升分类器的性能122 本章要解决的问题就是仅仅利用训练集找到分类的最佳参数，不但能够高准确率的预测训练集而且要合理的预测测试集，使得测试集的分类准确率也维持在一个较高水平，即使得得到的SVM分类器的学习能力和推广能力保持一个平衡，避免过学习和欠学习状况发生。 第14章 SVM的回归预测分析——上证指数开盘指数预测133 对上证指数从1990.12.20-2009.08.19每日的开盘数进行回归分析。 第15章 SVM的信息粒化时序回归预测——上证指数开盘指数变化趋势和变化空间预测141 在这个案例里面我们将利用SVM对进行模糊信息粒化后的上证每日的开盘指数进行变化趋势和变化空间的预测。 若您对此书内容有任何疑问，可以凭在线交流卡登录中文论坛与作者交流。 第16章 自组织竞争网络在模式分类中的应用——患者癌症发病预测153 本案例中给出了一个含有60个个体基因表达水平的样本。每个样本中测量了114个基因特征，其中前20个样本是癌症病人的基因表达水平的样本(其中还可能有子类), 中间的20个样本是正常人的基因表达信息样本, 余下的20个样本是待检测的样本(未知它们是否正常)。以下将设法找出癌症与正常样本在基因表达水平上的区别，建立竞争网络模型去预测待检测样本是癌症还是正常样本。 第17章SOM神经网络的数据分类——柴油机故障诊断159 本案例中给出了一个含有8个故障样本的数据集。每个故障样本中有8个特征，分别是前面提及过的：最大压力(P1)、次最大压力(P2)、波形幅度(P3)、上升沿宽度(P4)、波形宽度(P5)、最大余波的宽度(P6)、波形的面积(P7)、起喷压力(P8)，使用SOM网络进行故障诊断。 第18章Elman神经网络的数据预测——电力负荷预测模型研究170 根据负荷的历史数据，选定反馈神经网络的输入、输出节点，来反映电力系统负荷运行的内在规律，从而达到预测未来时段负荷的目的。 第19章 概率神经网络的分类预测——基于PNN的变压器故障诊断176 本案例在对油中溶解气体分析法进行深入分析后，以改良三比值法为基础，建立基于概率神经网络的故障诊断模型。 第20章 神经网络变量筛选——基于BP的神经网络变量筛选183 本例将结合BP神经网络应用平均影响值（MIV，Mean Impact Value）方法来说明如何使用神经网络来筛选变量，找到对结果有较大影响的输入项，继而实现使用神经网络进行变量筛选。 第21章 LVQ神经网络的分类——乳腺肿瘤诊断188 威斯康星大学医学院经过多年的收集和整理，建立了一个乳腺肿瘤病灶组织的细胞核显微图像数据库。数据库中包含了细胞核图像的10个量化特征（细胞核半径、质地、周长、面积、光滑性、紧密度、凹陷度、凹陷点数、对称度、断裂度），这些特征与肿瘤的性质有密切的关系。因此，需要建立一个确定的模型来描述数据库中各个量化特征与肿瘤性质的关系，从而可以根据细胞核显微图像的量化特征诊断乳腺肿瘤是良性还是恶性。 第22章 LVQ神经网络的预测——人脸朝向识别198 现采集到一组人脸朝向不同角度时的图像，图像来自不同的10个人，每人5幅图像，人脸的朝向分别为：左方、左前方、前方、右前方和右方。试创建一个LVQ神经网络，对任意给出的人脸图像进行朝向预测和识别。 第23章 小波神经网络的时间序列预测——短时交通流量预测208 根据小波神经网络原理在MATLAB环境中编程实现基于小波神经网络的短时交通流量预测。 第24章 模糊神经网络的预测算法——嘉陵江水质评价218 根据模糊神经网络原理，在MATLAB中编程实现基于模糊神经网络的水质评价算法。 第25章 广义神经网络的聚类算法——网络入侵聚类229 模糊聚类虽然能够对数据聚类挖掘，但是由于网络入侵特征数据维数较多，不同入侵类别间的数据差别较小，不少入侵模式不能被准确分类。本案例采用结合模糊聚类和广义神经网络回归的聚类算法对入侵数据进行分类。 第26章 粒子群优化算法的寻优算法——非线性函数极值寻优236 根据PSO算法原理，在MATLAB中编程实现基于PSO算法的函数极值寻优算法。 第27章 遗传算法优化计算——建模自变量降维243 在第21章中，建立模型时选用的每个样本（即病例）数据包括10个量化特征（细胞核半径、质地、周长、面积、光滑性、紧密度、凹陷度、凹陷点数、对称度、断裂度）的平均值、10个量化特征的标准差和10个量化特征的最坏值（各特征的3个最大数据的平均值）共30个数据。明显，这30个输入自变量相互之间存在一定的关系，并非相互独立的，因此，为了缩短建模时间、提高建模精度，有必要将30个输入自变量中起主要影响因素的自变量筛选出来参与最终的建模。 第28章 基于灰色神经网络的预测算法研究——订单需求预测258 根据灰色神经网络原理，在MATLAB中编程实现基于灰色神经网络的订单需求预测。 第29章 基于Kohonen网络的聚类算法——网络入侵聚类268 根据Kohonen网络原理，在MATLAB软件中编程实现基于Kohonen网络的网络入侵分类算法。 第30章 神经网络GUI的实现——基于GUI的神经网络拟合、模式识别、聚类277 为了便于使用MATLAB编程的新用户，快速地利用神经网络解决实际问题，MATLAB提供了一个基于神经网络工具箱的图形用户界面。考虑到图形用户界面带来的方便和神经网络在数据拟合、模式识别、聚类各个领域的应用，MATLAB R2009a提供了三种神经网络拟合工具箱（拟合工具箱/模式识别工具箱/聚类工具箱）。