零基础建站培训教程介绍

当前位置:

网页如何添加背景音乐

以下为学做网站论坛关于“网页如何添加背景音乐”讲解视频教程。

在上网过程中,有很多网站打开后会自动播放背景音乐,而且只有当关闭网页之后背景音乐才会停止。

在我们自己建网站,同样也可以给自己的网页添加背景音乐。【注意:这里讲的是给网页添加音乐,不是给网站添加音乐。我们要弄清楚网站制作与网页设计的区别。】

如何在网页里添加背景音乐

网页添加背景音乐方法/步骤

  1. 下载视频课程里使用的背景音乐素材:链接: http://pan.baidu.com/s/1o63cdOu 密码: 6jjv。(当然也可以使用自己的背景音乐素材)
  2. 选择Dreamweaver的“设计”窗口,插入—布局对象—Div标签。在随后跳出的“插入div标签”对话框中直接点击“确定”按钮。(如果不了解DW软件的使用方法,请参考dreamweaver教程。)
  3.  

    删除div标签中的文字内容,再次进行:插入—媒体—插件操作。
  4.  

    你可以将音乐文件放如你已经创建好的站点中,选择你要插入的音乐文件,点击“确定”。弹出提示窗口后同样选择“确定”。
  5.  

    成功插入后,选中音乐插件,在页面下方的属性栏中进行设置,如宽度和高度等。
  6.  

    设置属性完成后可以对网页进行预览了,点击页面上方球形按钮,选择在IE中进行预览,并根据提示将网页保存到站点中。

代码解释

背景音乐代码:


<EMBED src="music.mp3" autostart="true" loop="2"
controls="console/smallconsole/playbutton/pausebutton/stopbutton/volumelever" width=300 height=100>

网页背景音乐代码可以使用以下的参数:

  • autostart="true" 自动播放
  • loop="true"  true为无限次重播,false为不重播,某一具体值(整数)为重播多少次
  • hidden="true" 可以隐藏面板
  • src:音乐文件的路径及文件名;(完整的路径或URL)
  • volume:取值范围为“0-100”,设置音量,默认为系统本身的音量
  • autostart:true为音乐文件上传完后自动开始播放,默认为false(否)
  • ShowTracker:为是否显示播放进度条
  • ShowPositionControls:为是否显示播放控制按钮如快进等
  • ShowAudioControls: 为控制是否显示音量按钮
  • ShowStatusBar: 是否显示咨询窗
  • ShowDisplay: 为显示更完整的咨询视窗
  • EnableContextMenu: 防止使用右键
  • starttime:“分:秒”,设置歌曲开始播放的时间,如,starttime=“00:10”,从第10开始播放
  • endtime: “分:秒”,设置歌曲结束播放的时间
  • width:控制面板的宽
  • height:控制面板的高
  • controls:控制面板的外观

播放控制

对于非IE浏览器,如果需要网页背景音乐自动播放控制:(如果对代码不了解,可学习一下html入门教程

<audio controls="controls">
<source src="fj.mp3" type="audio/mpeg">
<embed src="fj.mp3" width="300px" height="80px" autostart="false"></embed>
</audio>

9条回应:“网页如何添加背景音乐”

  1. 学习建网站学员 上海罗渊说道:

    上面没有自动播放控制非IE浏览器代码?

  2. 学做网站论坛讲师 学做网站讲师说道:

    自动播放控制:非IE浏览器相应的代码在上面已提供。

  3. 学习建网站学员 广东罗泽说道:

    老师,我的双击选择hidden后,没有true和false选择。直接是hidden=“”

  4. 学做网站论坛讲师 学做网站讲师说道:

    如果没有提示,可以自己写属性 true和false

  5. 学习建网站学员 唐某人说道:

    请问老师,自己的背景音乐怎么弄啊?

    • 学做网站论坛讲师 学做网站讲师说道:

      先将自己的音乐素材传到自己的网站空间里,然后将代码里的音乐素材地址替换成你自己的背景音乐地址即可。

  6. 学习建网站学员 唐某人说道:

    请问老师音乐素材在哪里搞呢?我想用自己喜欢的音乐

  7. 学习建网站学员 清风说道:

    请问老师设置不自动播放怎么不行呢

  8. 学习建网站学员 竹吟风雨说道:

    老师, 您好! 请问为什么我按照您提供的非IE浏览器代码去写, 然后隐藏不了那个播放器, 请问为什么? 麻烦看下代码 audio controls=”controls”>

    请老师指教。 谢谢!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

学习建网站请选择学做网站论坛零基础建站课程