在网页后台播放 MP3

Posted

技术标签:

【中文标题】在网页后台播放 MP3【英文标题】:Playing MP3 in background of webpage 【发布时间】:2014-04-19 14:22:10 【问题描述】:

我正在创建这个有趣的小网站,我希望 NyanCat.mp3 在用户进入网站后立即播放,我不希望显示控件。不幸的是,我的代码只能工作如果用户有控件。我也希望它循环播放。

没有控制 - 不起作用

<audio loop="loop">
<source src="NyanCat.mp3" type="audio/mpeg" />
</audio> 

带控件 - 有效

<audio loop="loop" controls="controls">
<source src="NyanCat.mp3" type="audio/mpeg" />
</audio>

【问题讨论】:

1998 年称:他们希望恢复糟糕的网站设计。 拜托 :P 我什至不是网络开发人员,Python ftw 【参考方案1】:

如果您不希望显示控件,请删除 controls 属性,但添加 autoplay 属性:

<audio loop="loop" autoplay="autoplay">
    <source src="NyanCat.mp3" type="audio/mpeg" />
</audio>

无论如何,让用户控制播放/停止音乐总是一个好主意。

【讨论】:

【参考方案2】:

选项 1

在您的工作中使用 jQuery。调用页面加载功能。这是代码jQuery

选项 2

在您的工作中使用外部插件。这是Wordpress plugin

选项 3

MSDN 的做法。参考这个Play audio without audio tag visibility

希望这会有所帮助:)

【讨论】:

以上是关于在网页后台播放 MP3的主要内容,如果未能解决你的问题,请参考以下文章

如何在后台播放应用程序中的 mp3 文件?

Firebase Analytics 如何处理后台活动的会话持续时间(mp3 播放器)

在后台播放一系列音频文件

在 Windows 中简单的 .wav 或 .mp3 播放 - 它去哪儿了?

如何让超星尔雅网页版在后台播放(图文教程)

MPMovieplayerController 在后台时不播放下一个 URL