首页 » HTML/CSS » HTML5在线播放音乐

HTML5在线播放音乐

17079 23

最近在家里一直听这首歌。有木有类似的家庭啊。。。不过听着听着,觉得这歌还是挺耐听的。所以借此机会直接说一下HTML5的audio标签可以直接播放音乐,支持哪几种格式的话自己摸索吧,反正mp3是没问题的。另外video标签可以播放视频,见《HTML5直接播放在线视频》。

在网页中插入以下代码,可以实现类似上面这个音乐播放器。

<audio src="音乐的地址" controls="controls" >

如果改成以下,就会实现打开网页自动播放音乐,同时不显示播放条,类似页面背景音乐。

<audio src="音乐的地址" autoplay="true" >


爸爸去哪儿
演唱:群星

Kimi:爸爸你会不会唱《小星星》啊?
林志颖:不会啊…
Kimi:那我教你哦?
林志颖:好啊!
Kimi:Twinkle twinkle little star
How i wonder what you are
林志颖:你有跑调哦!
林志颖&Kimi:(一起笑)

张悦轩:我的家里有个人很酷
郭子睿:三头六臂刀枪不入
王诗龄:他的手掌也有一点粗
轩&睿&龄:牵着我学会了走路

郭涛: 谢谢你光顾我的小怪物
张亮: 你是我写过最美的情书
王岳伦: 钮扣住一个家的幸福
张&郭&王: 爱着你呀风雨无阻

郭子睿&王诗龄&张悦轩:老爸老爸我们去哪里呀
有我在就天不怕地不怕
郭涛&王岳伦&张亮:宝贝宝贝我是你的大树
一生陪你看日出

郭涛: 这是第一次当你的老爸
张亮: 我们的心情都有点复杂
王岳伦 : 你拼命发芽我白了头发
张&郭&王: 一起写下一撇一捺

郭子睿&王诗龄&张悦轩:老爸老爸我们去哪里呀
有我在就天不怕地不怕
郭涛&王岳伦&张亮:宝贝宝贝我是你的大树
一生陪你看日出

郭子睿: 我的老爸是个神话(郭涛:当然咯!)
王诗龄: 搞定老妈绝代风华(王岳伦:哈哈!)
张悦轩: 就算有天你掉光了牙(张亮:哎呦!)
睿&龄&轩: 我也可以带你去火辣辣(郭&王&张:耶!)

郭子睿&王诗龄&张悦轩:老爸老爸我们去哪里呀
有我在就天不怕地不怕
郭涛&王岳伦&张亮:宝贝宝贝我是你的大树
一生陪你看日出
众: 啦啦啦啦啦啦啦

郭子睿&王诗龄&张悦轩:老爸老爸我们去哪里呀
有我在就天不怕地不怕
郭涛&王岳伦&张亮:宝贝宝贝我是你的大树
一生陪你看日出

郭子睿&王诗龄&张悦轩:老爸老爸我们去哪里呀
你就是我的天大和地大
郭涛&王岳伦&张亮:宝贝宝贝时间的手一挥
你是永远的珍贵

大合唱:啦啦啦啦……

林志颖:一闪一闪亮晶晶
漫天都是小星星
林志颖&Kimi:Twinkle twinkle little star
How i wonder
林志颖:你又跑调咯!
林志颖&Kimi:(一起笑)

爸爸去哪儿的节目到目前为止是一节没拉下过,也是闹毛除了巧虎,天线宝宝之外,唯一能一个人坐下来看好久的电视,上次看到郭涛一个人没钓到鱼,闹毛还说这个爸爸怎么没有鱼。。。说明她是真看懂了。

话说这几个家庭里,网上差评最多的就是王岳伦和王诗龄,王岳伦整个录制节目过程中只管自己的女儿,从来不会帮助其他家庭的孩子。而王诗龄人懒,爱指挥人,脾气大,一看就是被惯坏了的小女孩。上星期的快乐大本营,这几个孩子上节目,更明显,而且何炅。。。后面就不黑何炅了,有兴趣的自己找视频看。

不过在文章的最后,tiandi不得不平心而论,王诗龄这个孩子还是有自己的优点的,仔细听上面的歌,你会发觉她唱歌不错,另外可能是遗传了李湘的基因,说话吐字很清楚!

文章评分1次,平均分5.0

本文原始地址:https://www.tiandiyoyo.com/2013/11/how-to-play-music-on-html5/
本站所有文章,除了特别注明外,均为本站原创,转载请注明出处来自www.tiandiyoyo.com

您可能还会对以下文章感兴趣:

评论前先开启评论开关:


23 Comments

  1. 番茄 :

    kimi太萌了,谁见谁喜欢!

  2. 郑永 :

    火狐狸下显示异常,一会就没见播放器了。

  3. mooc :

    点评是重点 ⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄

  4. 南寻 :

    爸爸去哪儿最近很火啊

  5. 这些确实是很有用,找了好久的哦!

  6. 安心 :

    我喜欢这个节目。

  7. 不错,HTML5的标签简化了很多工作

  8. 挺不错的,能当背景音乐。还能省去一些麻烦

  9. 首先我是百度过来的(*^__^*) 嘻嘻找了好几篇了,这个真用上了,感谢博主分享!! 悄悄来,悄悄的走,留个评论又不会怀孕哈!神经大爆炸 签到 -北京时间:22:40:54

  10. 我对着图片点了半天,咦,怎么不能播放呢。

  11. FROYO :

    发现一个好外链

  12. yxiao :

    不看,太煽情.

  13. 神父 :

    多首MP3呢,有木有类似播放列表的办法

载入分页评论...