求大神用html代码做一个音乐网页

求大神用html代码做一个音乐网页,第1张

参考一下别人的网页,如网易音乐,酷我音乐web版等,

可以考虑 flash与audio来兼容所有浏览器的音频播放;

关于audio标签,是html5的新东西,搜索学习一下;吧

据个人了解

网页中的音乐播放代码有以下几种:

第一种:页面代码中的<head></head>之间加入<bgsound src="音乐url" loop="-1">这段代码。 loop指音乐循环的次数,可设置为任意正整数,若设为“-1”的话,音乐将永远循环。

第二种:

在网页代码中的<style></style>标签之间加入一个“Embed”标签,其最简形式就像这样:

<embed src="音乐url" autostart="true" loop="true" width="80" height="20">

不同的是,在这里我们可以设置更多内容,相信内容请看w3scholl手册!

第三种:

使用超链接

例如:<a href="horse.mp3">Play the sound</a>

<script src="http://mediaplayer.yahoo.com/latest"></script>

第四种:

使用 HTML5 <audio>元素

<audio>元素是一个 HTML5 元素,在 HTML 4 中是非法的,但在所有浏览器中都有效。

例子:

<audio controls>

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

<source src="horse.ogg" type="audio/ogg">

Your browser does not support this audio format.

</audio>

<!DOCTYPE HTML>

<html>

<head>

<script language="javascript" type="text/javascript">

function autoPlay(){

var myAuto = document.getElementByIdx_x('myaudio')

myAuto.play()

}

</script>

</head>

<body>

<audio id="myaudio" src="陈奕迅 王菲 - 因为爱情.mp3" controls="controls" loop="false" hidden="true" >

</audio>

<input type="button" onclick="autoPlay()" value="播放"/>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/8287301.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-15
下一篇2023-04-15

发表评论

登录后才能评论

评论列表(0条)

    保存