整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML添加背景音乐(embed、audio)

<!DOCTYPE html>

<html>

<head>

    <title>html5添加音乐</title>

    <meta charset="utf-8">

<!--embed标签写在<head>里面的title标签下-->
   

<embed src="C:\Users\Administrator\Desktop\告白气球.mp3" hidden="flase" autostart="true" loop="true">


<!-- 说明:

1、src:文件路径。

2、hidden="true"表示隐藏音乐播放按钮,相反使用hidden="false"表示开启音乐播放按钮。

3、autostart="true" 表示是打开网页加载完后自动播放。

4、loop="true"表示 循环播放 如仅想播放一次则为:loop="false" -->

</head>

<body>

<audio autoplay="autoplay" loop="loop" preload="auto" controls="controls"

            src="C:\Users\Administrator\Desktop\告白气球.mp3">       

</audio>

<!-- 说明:

1、autoplay="autoplay",则背景音乐将在音网页打开后就自动马上播放。

2、controls="controls",则为了在页面内显示显示控件,如播放按钮。

3、"loop="loop",则是为了使背景音乐重复播放。

4、preload="auto",则音频在页面加载的同时进行加载,并预备播放。

5、src="",即是在""内加入背景音乐的保存路径,如:src=""。

注:若是想播放按钮隐藏,则使用以下语句:

直接使用css 的display控制audio标签的显示: -->

<style type="text/css">

 audio{

         display: none;

     }

</style>

</body>

</html>

切图网一个客户项目中,用到了背景音乐,采用了html5 audio标签, 并且设置了 autoplay 自动播放,在PC上正常,但是一到手机下就无法自动播放。

即便使用JS ,调用audio 对象的播放方法 play() 也不能自动播放! 这是为什么呢?

于是打破砂锅问到底的决心,做了好多种demo,例子

http://m.slicy.cn/bg-music.html

测试,苹果、安卓还是不行,最后发现真相的我,眼泪掉下来 。 原因在这:

为了防止不必要的自动播放浪费流量,手机网页访问带有audio的页面是不会自动播放的。

Safari屏蔽了autoplay,必须由用户交互事件触发,因为autoplay在移动网络环境下可能会造成用户流量费剧增

下面是引自Safari Reference

In Safari on iPhone OS (for all devices, including iPad), where the

user may be on a cellular network and be charged per data unit,

autobuffering and autoplay are disabled. No data is loaded until the

user initiates it. This means the JavaScript play() and load() methods

are also inactive until the user initiates playback, unless the play()

method is triggered by user action.

片源于网络

请您戴上您的耳机来听“声临其境 量身定制 ”的好作品吧!

↓↓↓

@王久辛@长清 @配乐诗人致力于给文学作品插上“诵读、配乐和效果”的翅膀,当翅膀扇动时,文章能看、能听、更能带你去联想。匠心雕琢 ,三度创作为作品增色。

【创作人员信息附后】


诗歌:说给祖国的话

作者:王久辛

诵读:长清

配乐制作:杨银安


祖国她之所以是祖国,

是因为我们的祖祖辈辈就埋在这片土地。

望着祖国的山川河海,

我的内心充满了敬畏。

我不知道我的哪一位先人葬在山下,

哪一位先人又葬在河边;

我不知道哪一棵树汲取了我哪一位先人的热血,

哪一朵花又独占了我哪一位先人的灵魂。

我常常莫名其妙的感伤,

又常常莫名其妙的兴奋。

我知道,

有一个影子跟着我;

有一种精神伴着我。

我是一杆竹子上的一节,

上有前贤下有俊彦,

而我就是这中间的一个段落,

一篇文章,一串音符……

我没有什么珍宝可以敬献,

我所拥有的,

就是努力让这个段落不负先人后生。

除此,

我的生命还有什么更有意义的价值呢?

我这样对我的祖国说出我的这点想法……

决无半点娇情与虚伪。


王久辛,笔名王耐久,辛 子。 男 ,1959年 出生, 汉 族 。曾担任多部电视系列片总撰稿、作词。作品先后获得《人民文学》优秀作品奖、中宣部、广电部、中央电视台颁发的特等奖、一等奖,2003年荣获民间设立的首届剑麻军旅诗歌奖之特别荣誉奖,2004年10月作为中国作家代表团成员出访波兰;2007年11月再次作为中国作家代表团成员出访俄罗斯。2008年在波兰出版发行波文版诗集《自由的诗》。

出席中国作家协会第七次代表大会、全国青年作家创作会、全军文学创作座谈会、第一、第二、第三届中国诗歌节,第一、二届青海湖国际诗歌节等。曾任第3届鲁迅文学奖短篇小说奖初评评委,第5届鲁迅文学奖诗歌奖初评评委延安大学文学院、解放军艺术学院客座教授等。历任排长、师新闻干事、军区文艺干事、兰州军区战斗话剧团主任,《西北军事文学》副主编,《中国武警》主编,现任大型中英文《文化》杂志执行主编。编审,大校军衔。


刘长清 辽宁省朗诵协会副会长,辽宁省合唱协会会员。多年党务宣传工作和新闻策划与实操经历,喜欢让文字插上翅膀,飞跃三山五岳去看日出,去听流水。喜欢演讲,喜欢朗诵,用声音去叩击心扉,去点燃激情。在文字与音乐的殿堂里,讲述平凡而精致,清幽而快乐。《配乐诗人》特邀嘉宾。


杨银安,音乐人,从事音乐工作50余年,原中国录音师协会会员,1999年,配乐散文作品《蝴蝶的忏悔》获国家广电总局颁发的中国录音师协会广播节目技术质量评比三等奖。

音乐创作、制作、编辑,影视配乐、大型活动的导演、策划、编导和音乐、音效设计...《配乐诗人》创始人。

作品见于:《朗诵网》杨银安朗诵配乐作品集 https://www.langsong.site/53465.html

配乐一般是指在电影、电视剧、记录片、诗朗诵﹑话剧等文艺作品中,按照情节的需要配上的背景音乐或主题音乐,多是为了配合情节发展和场景的情绪, 起到烘托气氛的作用,以增强艺术效果

《配乐诗人》的终极目标,就是与诵读者一道,把作者创作的一切文学艺术作品,配上“功能性”的音乐和效果,以匠人之心,匠人之意,雕琢每一个作品。以电影配乐的标准,用广播级的制作,努力攀登配乐的最高峰。

更多精彩配乐作品,陆续敬上。欢迎各位老师和朋友们转发、关注,支持、留言和评论,谢谢!!!

特此声明:附上作者、诵读者、插图作者的信息是《配乐诗人》对他们的致敬和尊重!

---END---