mp3 - 如何在网站上自动播放 Mp3
问题描述
我需要在 HTML 网站上设置自动播放 Mp3 音频。我不确定应该添加哪个代码或类。请帮忙。这是我的编码。
<div id="jp_container_2" class="jp-audio" role="application" aria-label="media player">
<div class="jp-type-playlist">
<div class="jp-playlist">
<ul>
<li> </li>
</ul>
</div>
<div class="jp-gui jp-interface">
<span class="jp-stop wm-bgcolor"><i class="flaticon-power"></i></span>
<div id="current-track1" class="song-title">Song Name is here</div>
<div class="jp-controls">
<span class="jp-shuffle"><i class="flaticon-arrows-2"></i></span>
<span class="wm-bgcolor-one jp-previous"><i class="flaticon-arrows-1"></i></span>
<span class="jp-play"><i class="fa fa-pause"></i> <i class="fa fa-play"></i></span>
<span class="wm-bgcolor-one jp-next"><i class="flaticon-arrows-1"></i></span>
<span class="jp-repeat"><i class="flaticon-arrows-3"></i></span>
</div>
<div class="wm-player-wrap">
<div class="jp-progress">
<div class="jp-seek-bar">
<div class="jp-play-bar"></div>
</div>
</div>
<div class="jp-volume-controls">
<span class="jp-mute"><i class="fa fa-volume-up"></i> <i class="fa fa-volume-off"></i></span>
<div class="jp-volume-bar">
<div class="jp-volume-bar-value"></div>
</div>
</div>
</div>
<a href="#" class="wm-playlist-btn"><i class="flaticon-music-1"></i></a>
</div>
</div>
</div>
解决方案
只需使用音频标签:
<audio src="track.mp3" autoplay></audio>
请注意,自动播放受浏览器政策的约束。例如,移动浏览器通常不允许自动播放。
推荐阅读
- postgresql - 卡夫卡消费者卡住了
- java - 如何在 Spring Tool Suite 中指向 tools.jar
- elasticsearch - ElasticSearch - 搜索这个词是否包含在列表索引中?
- python-3.x - 运行 python 程序的最轻量级 docker 镜像
- javascript - 在 JS 中,为什么在 catch(err) 中记录参数不显示完整的响应对象?
- javascript - 在nodeJS中缓冲流中的数据以执行批量插入
- c++ - MacOS上安装eigen3.3.7
- python - K-Means 聚类 - 但得到不受支持的操作数类型错误
- typescript - io-ts - 验证数组包含具有特定属性和值的每个对象之一
- c - 基数排序浮点数