标签来添加音乐的方法并不是很常见,但是它的功能非常强大,如果结合一些播放控件就可以打造出一个Web播放器。

它的使用方法与第一种基本一样,只是第一步的代码提示框里不要选择gbsound,改而选择embed即可。然后再选择它的属性进行相应的设置(图3),从图中可看出embed的属性比gbsound的五个属性多许多。最后的代码如下:。

其中autostart用来设置打开页面时音乐是否自动播放,而hidden设置是否隐藏媒体播放器。因为embed实际上类似一个Web页面的音乐播放器,所以如果没有隐藏,则会显示出你系统默认的媒体插件的。

对于这两种方法,笔者认为二者之间都各有优缺点:第一种方法当页面打开时音乐播放,如果将页面最小化以后播放音乐会自动暂停,如果使用第二种方法则不会出现这种情况,只要不将窗口关闭,它会一直播放。所以希望大家在运用过程中根据自己的情况来选择添加音乐的方法。

学会了简单的添加网页音乐方法后,就应该在界面和功能上下点功夫了。我们可以利用《网页音乐播放器》打造一个时尚的音乐播放器。

二、打造时尚音乐播放器  学会了简单的添加网页音乐方法后,就应该在界面和功能上下点功夫了。我们可以利用《网页音乐播放器》打造一个时尚的音乐播放器。

提示:《网页音乐播放器》是一个网页插件,运行制作好的页面后,它会调用系统自带的Windows Media播放器来播放事先设定好的MP3歌曲。

(一)简单设置

首先下载播放插件(下载地址:http://www.jb51.net/jiaoben/32793.html),解压后进入目录,其中music.htm就是我们要在主页上加载的播放条页面,list.htm是浏览者用于查看播放列表的弹出页面,js文件夹里存放的是几个播放控制文件,img里则是一些播放界面的图片文件。

使用网页编辑软件打开music.htm,找到以下代码:

在这里可以对播放器进行基本的设置。以上各句依次含义是:是否自动播放,是否循序播放,是否显示状态栏,是否显示音控状态,是否允许显示播放清单,是否使用SMI模式,是否循环播放,是否显示歌曲信息。你可以根据自己的需要对它们进行设置,其中true为“是”,false为“否”。另外,为了使你的播放条更具个性色彩,你还可以在music.htm代码中找到......语句,将其中的主页名称修改为你自己主页的名称。

(二)添加播放列表

打开js文件夹中的播放列表文件bglist.js,在这里就可以把你喜欢的歌曲添加到列表上来了,具体的添加格式为mkList"歌曲路径" "歌曲说明",其中“歌曲路径”可以是你上传到主机上的本地地址,也可以指定网络上的MP3地址,“歌曲说明”是用来滚动显示在播放条上的,可以是演唱者和歌曲的名称。比如要添加周杰伦的《龙卷风》,我们先在网络上找到可以实时播放的链接地址,然后再把它添加到列表上:mkList"http://202.102.43.37/hy/yinyue/周杰伦/09.mp3""周杰伦——龙卷风"。

提示:为了保持你的主页音乐常听常新,我们可以间隔一段时间就对播放列表更新一次。

(三)安装播放器

为了防止点击主页链接而影响歌曲播放的连续性,我们要把播放页面music.htm以框架形式安装到主页上去。

以FrontPage 2003为例,执行“新建→其他网页模板”弹出“网页模板”窗口,选择“框架网页→页脚”,“确定”后在上框架里设置初始网页指向你的主页,下框架里则指向music.htm,然后在框架属性中去掉框架边框并适当调整下框架的高度(图4),框架高度足以容纳播放条的高度即可。预览满意后就可以保存页面了,然后把你的网站指向这个新页面就可以了。

本文原创发布php中文网,转载请注明出处,感谢您的尊重!

php 网页加背景音乐,网站背景音乐实现方法_HTML/Xhtml_网页制作相关推荐

  1. 提高网页加载速度的一些方法和技巧

    网页的加载速度是评估网站质量一个重要指标,原因在于大多数用户能够容忍的网页加载时间只有几秒,如果超出了访客的忍受范围他们会毫不留情地关掉你的网页,所以网页载入速度会极大地影响网站的流量和访问. 以下总 ...

  2. Windows Server 2012网页加载速度慢解决方法

    Windows Server 2012网页加载速度慢解决方法 背景 现象 问题原因 解决方法 背景 由于项目需要,在 windows server2012 上搭建了基于ssm框架和tomcat的大数据 ...

  3. html局部可复制,截取网页局部区域css样式的方法和系统的制作方法

    截取网页局部区域css样式的方法和系统的制作方法 [技术领域] [0001]本发明涉及计算机网络技术领域,特别是涉及一种截取网页局部区域CSS样式的方法和系统. [背景技术] [0002]CSS(Ca ...

  4. HTML期末大作业 : 个人网页制作 大学生个人网页设计 个人网站模板 简单静态HTML个人网页作品...

    常见网页设计作业题材有 ​​个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 军 ...

  5. HTML期末大作业 : 个人网页制作 大学生个人网页设计 个人网站模板 简单静态HTML个人网页作品

    HTML5期末大作业:个人相册网站设计--清新蓝色个人相册摄影图库(5页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品 常见网页 ...

  6. 计算机网页加载失败如何解决方法,如何解决“当前页面脚本发生错误”的问题...

    最近打开网页的时候经常会弹出"当前页面脚本发生错误"对话框,很令人厌烦.每次打开页面都弹出一次,然后底部会提示:是否要在此页面上继续运行脚本?我们可以选的是或者否,选择之后当前页面 ...

  7. 怎么给自己的html网页加个密码,密码正确才能显示网页

    不会太牛逼的代码又想给网页加入密码怎么搞,普通网页还是可以使用的 代码如下 在</head>前加入如下代码 <SCRIPT language=JavaScript> funct ...

  8. php表单网页实例,40多个漂亮的网页表单设计实例_HTML/Xhtml_网页制作

    下面我们介绍40多个漂亮的网页表单例子以及现代的解决方案和与网页表单设计有关的创造性思维.其中有一些是flash的:尽管如此,在大多数情况下,你能很容易的使用简单的css和(x)html来创建相同的设 ...

  9. html让页面两边都留点空位,标记语言——CSS布局_HTML/Xhtml_网页制作

    Chapter 12 CSS布局 本书到此为止,讨论的主要是页面内部元素,也就是内容,但是大结构怎么办?长久以来,设计者都依赖表格进行分栏布局,常常在表格之内嵌套其 点击这里返回脚本之家 HTML教程 ...

  10. php中表格标记是,HTML标记语言——表格标记_HTML/Xhtml_网页制作

    标准化设计解决方案 - 标记语言和样式手册 Web Standards Solutions The Markup and Style Handbook Part 1: Get Down With Ma ...

最新文章

  1. rs232 距离_你知道RS232与RS485接口的区别吗?
  2. linux java maven_Linux下安装及配置Java与Maven
  3. 解决fatal: 不是一个 git 仓库(或者任何父目录)的方法
  4. python 指针_python的指针
  5. 清华大学人工智能研究院成立自然语言处理与社会人文计算研究中心
  6. java代码代替xml实现图片
  7. 深度学习技术在机器阅读理解应用的研究进展
  8. mysql使用技巧_MySQL使用不得不看的几个小技巧
  9. winForm combox 回传绑定数据
  10. mysql case默认_MySQL数据库架构和同步复制流程
  11. Java中面向对象和面向过程的简单理解以及共同点和区别
  12. pmp 第六版 模拟卷5错题整理
  13. android运行win7系统,安卓手机安装运行Win7系统教程(图文)
  14. AVC/HEVC/VVC/AV1 帧间预测:运动估计、运动补偿
  15. AltiumDesigner2020导入3D Body-SOLIDWORKS三维模型
  16. java面试死神之蛇形遍历
  17. Pόlya定理详解及例题
  18. 汇编工具DOSBOX安装使用
  19. 扩展无线网络(WDS桥接功能)
  20. 外呼系统与网络电话有什么差别?应该怎么选?

热门文章

  1. 医疗行业用户容灾备份方案
  2. 开发交接文档_为开发人员创造更好的设计交接体验
  3. 快手上市,有一批员工平均身家超3200万,但追赶抖音没那么简单
  4. 计算机视频剪辑教程,电脑怎么剪辑视频?新手都能上手的视频剪辑教程分享
  5. matlab中方差分析的自由度,多因素方差分析的自由度
  6. EAGLE转Protel文件
  7. JAVA基础篇——JAVA运行环境(JDK、JRE、JVM)
  8. Franka Emika机械臂快速入门教程
  9. [高效Mac] 多显示器快速切换鼠标焦点和移动窗口
  10. 华为面试题(笔试,8分钟写出代码)