其中autostart用来设置打开页面时音乐是否自动播放,而hidden设置是否隐藏媒体播放器。因为embed实际上类似一个Web页面的音乐播放器,所以如果没有隐藏,则会显示出你系统默认的媒体插件的。
对于这两种方法,笔者认为二者之间都各有优缺点:第一种方法当页面打开时音乐播放,如果将页面最小化以后播放音乐会自动暂停,如果使用第二种方法则不会出现这种情况,只要不将窗口关闭,它会一直播放。所以希望大家在运用过程中根据自己的情况来选择添加音乐的方法。
学会了简单的添加网页音乐方法后,就应该在界面和功能上下点功夫了。我们可以利用《网页音乐播放器》打造一个时尚的音乐播放器。
二、打造时尚音乐播放器
学会了简单的添加网页音乐方法后,就应该在界面和功能上下点功夫了。我们可以利用《网页音乐播放器》打造一个时尚的音乐播放器。
提示:《网页音乐播放器》是一个网页插件,运行制作好的页面后,它会调用系统自带的Windows Media播放器来播放事先设定好的MP3歌曲。
(一)简单设置
首先下载播放插件(下载地址:https://www.jb51.net/jiaoben/32793.html),解压后进入目录,其中music.htm就是我们要在主页上加载的播放条页面,list.htm是浏览者用于查看播放列表的弹出页面,js文件夹里存放的是几个播放控制文件,img里则是一些播放界面的图片文件。
使用网页编辑软件打开music.htm,找到以下代码:
<script Language="Javascript">
var blnAutoStart = true
var blnRndPlay = false
var blnStatusBar = false
var blnShowVolCtrl = true
var blnShowPlist = true
var blnUseSmi = false
var blnLoopTrk = true
var blnShowMmInfo =false
</script>
在这里可以对播放器进行基本的设置。以上各句依次含义是:是否自动播放,是否循序播放,是否显示状态栏,是否显示音控状态,是否允许显示播放清单,是否使用SMI模式,是否循环播放,是否显示歌曲信息。你可以根据自己的需要对它们进行设置,其中true为“是”,false为“否”。另外,为了使你的播放条更具个性色彩,你还可以在music.htm代码中找到<marquee> ......</marquee>语句,将其中的主页名称修改为你自己主页的名称。
(二)添加播放列表
打开js文件夹中的播放列表文件bglist.js,在这里就可以把你喜欢的歌曲添加到列表上来了,具体的添加格式为mkList"歌曲路径" "歌曲说明",其中“歌曲路径”可以是你上传到主机上的本地地址,也可以指定网络上的MP3地址,“歌曲说明”是用来滚动显示在播放条上的,可以是演唱者和歌曲的名称。比如要添加周杰伦的《龙卷风》,我们先在网络上找到可以实时播放的链接地址,然后再把它添加到列表上:mkList"http://202.102.43.37/hy/yinyue/周杰伦/09.mp3""周杰伦——龙卷风"。
提示:为了保持你的主页音乐常听常新,我们可以间隔一段时间就对播放列表更新一次。
(三)安装播放器
为了防止点击主页链接而影响歌曲播放的连续性,我们要把播放页面music.htm以框架形式安装到主页上去。
以FrontPage 2003为例,执行“新建→其他网页模板”弹出“网页模板”窗口,选择“框架网页→页脚”,“确定”后在上框架里设置初始网页指向你的主页,下框架里则指向music.htm,然后在框架属性中去掉框架边框并适当调整下框架的高度(图4),框架高度足以容纳播放条的高度即可。预览满意后就可以保存页面了,然后把你的网站指向这个新页面就可以了。
ajax传送json格式数据,关键是指定contentType,data要是json格式 如果是restful...
今天给大家分享四个在实际开发中,比较实用的SQL Server脚本函数,希望对大家能...
一. RabbitMQ 简介 MQ全称为Message Queue, 消息队列(MQ)是一种应用程序对应用...
Afrikaans:af Albanian:sq Basque:eu Belarusian:be Bulgarian:bg Catalan:ca Ch...
一、导读 本文主要介绍Redhat7.6系统安装oracle 12201版本RAC的一些坑以及避坑方...
本文分享自华为云社区《 架构可视化支撑系统演进探索 》原文作者无名小溪。 随着...
Eval 计算一个表达式的值并返回结果。 语法:[result = ]eval_r(expression_r) e...
Linux 发行版的爱好者们又有全新的 Linux 可以体验了,日前一款名为 TeLOS 的 Li...
如果你想对使用手机,平板电脑和辅助技术的用户隐藏某些内容,而只对键盘用户显...
最近在和团队规划OKR目标的时候,我们讨论了很多问题,我先抛砖引玉,列举了一些...