首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在jquery中使用音频标签自动播放音乐?

如何在jquery中使用音频标签自动播放音乐?
EN

Stack Overflow用户
提问于 2018-05-28 12:05:24
回答 2查看 8K关注 0票数 2

我想在jquery中自动播放一个mp3文件。

我用了这段代码,

代码语言:javascript
运行
AI代码解释
复制
function musicStart() {
  pop = window.open('', 'back__music', 'width=100,height=100', true);
  pop.document.write('<audio controls autoplay loop><source 
  src="./music.mp3"/></audio>');
}

循环正在运行,但自动播放不起作用。

当我将autoplay="true"autoplay="1"autoplay="autoplay"添加到音频标签时,结果是相同的。

或者当我使用embed tag时,它不会重复播放音乐。

我不介意使用音频标签或嵌入标签

我该怎么做呢?

EN

回答 2

Stack Overflow用户

发布于 2018-05-28 12:12:57

$('audio')[0].play(); (假设您的页面中只有一个audio )应该可以完成这项工作。

一个基本的例子:

代码语言:javascript
运行
AI代码解释
复制
$('audio')[0].play();
代码语言:javascript
运行
AI代码解释
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<audio controls>
<source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4" type='audio/mp4'></audio>

票数 0
EN

Stack Overflow用户

发布于 2018-05-28 12:38:34

在jQuery中,您可以这样实现:

代码语言:javascript
运行
AI代码解释
复制
$('.music').html('<audio controls autoplay> <source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4"  type="audio/mpeg"> </audio>');
代码语言:javascript
运行
AI代码解释
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="music">

</div>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50566054

复制
相关文章
jquery 标签中的属性操作
.arrt() 获取匹配的元素集合中的第一个元素的属性值,或设置每一个元素中的一个或多个属性值。 .attr(attributeName) $("em").attr("title"); q获取“em”集合中的第一个em 的title值。 .attr(attributeName,value) attributeName 要设置的属性名 value 这个属性设置的值 $("#greatp").attr('alt','she zhi shu xing zhi')
用户1197315
2018/01/19
1.7K0
前端切图:自制简易音乐播放器
音乐播放器是一个非常常见的应用,这篇博客就是介绍如何制作一个简单的音乐播放器,这款音乐播放器具有以下的功能:图片旋转功能,点击播放,点击暂停播放的功能,音量调大调小功能,设置音频的播放时间,循环播放,
王小婷
2018/05/31
1.3K0
音乐标签修改 android,音乐标签修改(Star Music Tag Editor)[通俗易懂]
Star Music Tag Editor可以对你音乐当中的各种标签信息来进行修改,在某些音乐信息出现错误之时你能够利用这款软件来直接的进行改正,让你的标签信息变得更加的容易进行分类,如果你感兴趣的话就快来下载这款Star Music Tag Editor!
全栈程序员站长
2022/09/16
1.5K0
音乐标签修改 android,音乐标签修改(Star Music Tag Editor)[通俗易懂]
【HTML5】HTML5 多媒体标签 ① ( audio 音频标签 | 音频标签常见属性值设置 | 音频标签默认代码设置 | 音频标签设置多种类型音频文件 )
传统 HTML 开发中 , 如果想要向网页中嵌入音频和视频 , 需要 使用 Flash 浏览器插件才能实现 ;
韩曙亮
2023/04/24
6.1K0
【HTML5】HTML5 多媒体标签 ① ( audio 音频标签 | 音频标签常见属性值设置 | 音频标签默认代码设置 | 音频标签设置多种类型音频文件 )
前端切图:自制简易音乐播放器
音乐播放器是一个非常常见的应用,这篇博客就是介绍如何制作一个简单的音乐播放器,这款音乐播放器具有以下的功能:图片旋转功能,点击播放,点击暂停播放的功能,音量调大调小功能,设置音频的播放时间,循环播放,
王小婷
2018/06/05
1.9K0
HTML 学习笔记——插入音频、视频标签
audio标签用来向页面中引入一个外部的音频文件。音视频文件引入时,默认情况下不允许用户自己控制播放按钮。
颜颜yan_
2022/12/01
2.9K0
解决浏览器中不支持音频自动播放的方法
事情是这个样子的,有这样一个需求,就是阿Sir在审核警情的时候,他期望四面八方推送过来的警情能够有个友好的提示,比如光明区大风厂派出所王二提交了一个警情审核,市局的赵东来局长在喝茶时,突然,只听电脑屏幕咚地一声(壁咚一声圈起来,楼下要考),哦,来新单了,请及时处理。。。。。。
江涛学编程
2021/09/23
5K0
解决浏览器中不支持音频自动播放的方法
在HTML中添加背景音乐[通俗易懂]
说明:1、使用autoplay=”autoplay”,则背景音乐将在音网页打开后就自动马上播放。
全栈程序员站长
2022/09/15
5.8K0
html中添加背景音乐的标签,添加背景音乐的html标签是什么
添加背景音乐的html标签是,bgsound是用以插入背景音乐,但只适用于IE,在netscape和firefox中并不适用,其参数设定很少,语法如“”。
全栈程序员站长
2022/09/15
6.5K0
html中添加背景音乐的标签,添加背景音乐的html标签是什么
HTML5添加背景音乐 3种方法个人推荐audio
这里推荐两种方法,就是两个标签 <embed> 或者<audio > 常用 <audio > +css布局 隐藏播放器 做网站比较实用!
青梅煮码
2023/03/13
3.5K0
Js自动播放HTML音乐(不受浏览器限制,无需先与浏览器交互,无需对浏览器进行修改)
众所周知,声音无法自动播放一直是IOS/Android上的惯例。桌面版Safari也在2017年第11版宣布禁止带声音的多媒体自动播放功能。随后2018年4月发布的Chrome 66正式关闭了声音的自动播放,这意味着音频自动播放和视频自动播放在桌面浏览器中也会失效。
宜轩
2022/12/29
6.7K0
librosa:音频和音乐分析
Librosa是一个用于音频、音乐分析、处理的python工具包,一些常见的时频处理、特征提取、绘制声音图形等功能应有尽有,功能十分强大
AI拉呱
2021/01/14
1.3K0
音频打标签工具
代码在:https://github.com/vell001/audio-annotator
vell001
2018/09/06
3K1
音频打标签工具
html视频标签属性_html音频标签
一、基本语法 代码如下: embed src=url 说明:embed可以用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU、MP3等等,Netscape及新版的IE 都支持。url为音频或视频文件及其路径,可以是相对路径或绝对路径。 示例: 代码如下:
全栈程序员站长
2022/09/21
8.8K0
如何在小程序中实现音频播放
在如何使用小程序媒体组件这篇文章中,我们介绍了小程序媒体组件的使用,但是对音频组件部分讲的不够详细,本文将对音频部分做些补充。
硬盘侠
2018/11/12
17.6K0
html给网页添加背景音乐_网页怎么在属性里加入音乐
1、src=””,在””内添加你音乐的保存路径。 2、使用hidden=”true”表示隐藏音乐播放按钮,相反使用hidden=”false”表示开启音乐播放按钮。 3、使用autostart=”true” 表示是打开网页加载完后自动播放。 4、使用loop=”true”表示 循环播放 如仅想播放一次则为:loop=”false”
全栈程序员站长
2022/11/09
8.3K0
网页背景音乐设置
<bgsound src=”音频源” autostart=”true” loop=”false” />
青梅煮码
2023/03/13
3.1K0
chrome浏览器中对autoplay的一些处理技巧
我在写博客的时候,想给博客网页添加自己喜欢的音乐,这样我在写作和阅读的时候,心情也会比较愉悦,这个时候,我们就需要用到audio这个标签。
子舒
2022/06/09
1.3K0
音乐游戏&音频解析 ABC(下)
  首先我们应该先确定一下我们到底需要解析歌曲的哪些信息?歌名?作者?呵呵,都不是,我们要解析的应该是歌曲的“信号”属性(譬如歌曲的BPM)。然而歌曲的这些属性非常繁杂,有些解析起来比较简单,有些提取起来则比较困难,出于简单考虑,我们这次的目标就定于歌曲的Onset属性上,一方面是因为Onset是歌曲的重要特征之一,通过它我们可以了解不少歌曲信息;另一方面则是由于提取Onset的方法也相对容易,算法过程不会显的艰辛苦涩。(当然的,歌曲或者说音频信号的另一些特性属性就不那么“可爱”了,譬如MFCC,解析过程就相对繁琐艰涩,对此有兴趣的朋友可以仔细看看:))
用户2615200
2018/08/02
1.4K0
音乐游戏&音频解析 ABC(上)
  现阶段的工作涉及到了部分音频解析的内容,广义来说便是数字信号处理(DSP),可惜本人并非专科出生,很多相关内容都是空白,从头看起也感觉颇为有些困楚,虽说时间也花了不少,不过成果还是颇不尽如人意,至今仍有不少概念还是懵懵懂懂、不知西东,不过鉴于记录目的,我于此还是尽力笔记一番,一方面算作加深自己所学之印象,另一方面也可为有这方面兴趣的朋友做些参考吧~~~然而本人对DSP确实不是很着门道,有什么纰漏错误的在所难免,希望注意到的朋友能够不吝指出,本人在此先拜谢了 :)
用户2615200
2018/08/02
8530
音乐游戏&音频解析 ABC(上)

相似问题

如何使用音频标签(而不是< <audio> autoplay>)自动播放音乐

11

如何在html音频标签中自动播放saavan链接?

19

html音频标签不能自动播放音频

10

音频标签不播放音乐

27

在jQuery中自动播放音频

20
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档