搜索
查看
编辑修改
首页
UNITY
NODEJS
PYTHON
AI
GIT
PHP
GO
CEF3
JAVA
HTML
CSS
搜索
笔触狂放9
这个屌丝很懒,什么也没留下!
关注作者
热门标签
jquery
HTML
CSS
PHP
ASP
PYTHON
GO
AI
C
C++
C#
PHOTOSHOP
UNITY
iOS
android
vue
xml
爬虫
SEO
LINUX
WINDOWS
JAVA
MFC
CEF3
CAD
NODEJS
GIT
Pyppeteer
article
热门文章
1
位运算知识点 (& ^ | )_位运算中&
2
IP地址分类详解:A、B、C、D类地址如何划分的以及保留地址(特殊地址)介绍
3
【项目实践】中文文字检测与识别项目(CTPN+CRNN+CTC Loss原理讲解)_改进cptn算法的ocr字符定位技术
4
FIO 磁盘性能测试_fio测试磁盘性能
5
NPOI helper
6
Linux系统使用AndroidStudio创建桌面快捷键_android studio怎么设置桌面快捷方式
7
从源码解析-Android中Zygote进程是如何fork一个APP进程的_zygote : forked child process 12888
8
Android源码文件夹结构
9
@Transactional实现原理_demo.btnode@74a14482
10
Cesium入门之十:Cesium加载3DTiles数据
当前位置:
article
> 正文
web页面嵌入音乐播放器代码_webcat音乐播放器源码
作者:笔触狂放9 | 2024-03-16 06:26:25
赞
踩
webcat音乐播放器源码
网站
嵌入背景音乐代码大全,使用以下代码,给您的网站添加背景音乐吧!
注意,以下代码使用的时候,注意:
一下代码有的需要改为半角形式,才能正常使用。
将这段代码插入到您的<head></head>之间
当您打开网站时即可听到背景音乐:
<bgsound src=china.mid loop=”-1″>
这种当网页最小化之后,音乐会消失
1.mid表示音效文件
<bgsound src=”1.mid” loop=3>
表示将1.mid音效文件插入到页面为背景音乐,并循环播放3次。
<embed src=”1.mid” hidden=”true”>
<bgsound src=”1.mid” loop=”infinte”>
<embed src=”1.mid” hidden=”true” loop=”true”>
<bgsound src=1.mid loop=”-1″>
网站背景音乐
第一种:在叶子代码中的<style></style>之间加入<bgsound src=”音乐url” loop=”-1″> 这段代码。
在这里要说的是,“loop”中的数值是音乐循环的次数,可设置为任意正整数,若设为“-1”的话,音乐将永远循环。
这种背景音乐是打开叶子后直接播放的,在叶子上不会有显示。这是最简单的一种。
第二种:这种方法则略微复杂一些,但可设置的参数也较多。仍是在叶子代码中的<style></style>标签之间加入一个“Embed”标签,其最简形式就像这样:
<EMBED src=”音乐url” autostart=”true” loop=”true” width=”80″ height=”20″>
不同的是,在这里我们可以设置更多内容,以下是具体的说明:
src 背景音乐的地址(即url)。
autostart 是否自动播放,“true”为音乐文件读取完后立即播放,“false”则不立即播放,默认值为“false”
loop 循环次数,设置为“true”为永远循环,“false”为仅播放一次,若设为任意一正整数,则循环所输入的次数。
volume 设置音量,取值范围是“0-100”,默认值为系统当前音量。
starttime 设置音乐开始播放的时间,格式是“分:秒”,
如:starttime=”00:10″,就是从第10秒开始播放。
endtime 设置音乐结束播放的时间,具体格式同上。
width 设置音乐播放控制面板的宽度。
height 设置音乐播放控制面板的高度。
controls 设置音乐播放控制面板的外观,
“console”为通常面板;
“smallconsole”为小型面板。
“playbutton”为是否显示播放按钮;
“pausebutton”为是否显示暂停按钮;
“stopbutton”为是否显示停止按钮;
“volumelever”为是否显示音量调节按钮,
例如:
controls=”console/smallconsole/playbutton/
pausebutton/stopbutton/volumelever”。
hidden 设置音乐播放控制面板的显示与否,
“false”为显示,“true”为隐藏。
现在,你可以试一试了。不过要注意,音乐文件的体积不要太大,否则页面已经打开了半天,音乐却还没有读出来。推荐使用wma格式的音乐文件。
下面是介绍
如何
在网页中播放电影,加入的方法仍和上面一样。
<embed src=”[/color-red]影片url” autostart=”true” loop=”true” width=”200″ height=”150″>
有图像的rm格式:
<OBJECT classid=’clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA’ height=288 id=video1 width=305 VIEWASTEXT>
<param name=’_ExtentX’ value=’5503′>
<param name=’_ExtentY’ value=’1588′>
<param name=’AUTOSTART’ value=’-1′>
<param name=’SHUFFLE’ value=’0′>
<param name=’PREFETCH’ value=’0′>
<param name=’NOLABELS’ value=’0′>
<param name=’SRC’ value=’影片url’>
<param name=’CONTROLS’ value=’Imagewindow,StatusBar,ControlPanel’>
<param name=’CONSOLE’ value=’RAPLAYER’>
<param name=’LOOP’ value=’0′>
<param name=’NUMLOOP’ value=’0′>
<param name=’CENTER’ value=’0′>
<param name=’MAINTAINASPECT’ value=’0′>
<param name=’BACKGROUNDCOLOR’ value=’#000000′>
</OBJECT>
如果是无图像的rm格式:如相声,歌曲……
<object ID=’video2′ WIDTH=’300′ HEIGHT=’62′ CLASSID=’CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA’>
<param name=’_ExtentX’ value=’9657′>
<param name=’_ExtentY’ value=’847′>
<param name=’AUTOSTART’ value=’-1′>
<param name=’SHUFFLE’ value=’0′>
<param name=’PREFETCH’ value=’0′>
<param name=’NOLABELS’ value=’0′>
<param name=’SRC’ value=’影片url’>
<param name=’CONTROLS’ value=’StatusBar,controlpanel’>
<param name=’CONSOLE’ value=’Clip1′>
<param name=’LOOP’ value=’0′>
<param name=’NUMLOOP’ value=’0′>
<param name=’CENTER’ value=’0′>
<param name=’MAINTAINASPECT’ value=’0′>
<param name=’BACKGROUNDCOLOR’ value=’#000000′>
</object>
最简单的media格式的播放器……自动识别有无图像,但是版本是你机器的!
<embed src=’文件url’ width=200 height=200 autostart=true loop=true></embed>
有图像的media播放器,自动调用网上的插件。
<object id=nstv classid=’CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6′ width=280 height=265 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52
,701standby=Loading Microsoft? Windows Media? Player components… type=application/x-oleobject>
<param name=’URL’ value=’文件url’>
<PARAM NAME=’UIMode’ VALUE=’full’><PARAM NAME=’AutoStart’ VALUE=’true’>
<PARAM NAME=’Enabled’ VALUE=’true’>
<PARAM NAME=’enableContextMenu’ VALUE=’false’>
<param name=’WindowlessVideo’ VALUE=’true’></object>
无图像的media播放器……同上。
<object id=nstv classid=’CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6′ width=280 height=60 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52
,701standby=Loading Microsoft? Windows Media? Player components… type=application/x-oleobject>
<param name=’URL’ value=’文件url’>
<PARAM NAME=’UIMode’ VALUE=’full’>
<PARAM NAME=’AutoStart’ VALUE=’true’>
<PARAM NAME=’Enabled’ VALUE=’true’>
<PARAM NAME=’enableContextMenu’ VALUE=’false’>
</object>
只是界面不同的media的调插件播放器……建议不用这个,你可以看情况办吧。
<embed src=’文件url’ type=’audio/x-pn-realaudio-plugin’ console=’Clip1′ controls=’ControlPanel,StatusBar’ height=’60′ width=’275′ autostart=’true’></embed>
背景音乐代码
以下代码由[秋天的风]提供:首先打开我的文章,进入编辑状态,选择HTML格式然后就可以输入了,下面我们来看代码,首先来看第一种,比较简单的:
<bgsound src=”url” loop=-1>
“url”依然是路径名,loop表示循环数,-1表示始终循环
来看第二种:
<EMBED src=”music.mid” autostart=”bool” loop=”n” width=”m” height=”k”>
其中各个属性的含义如下:
SRC:音乐文件路径
(以下可选) AUTOSTART:音乐文件上传完后自动播放,TRUE为播放,FALSE为否
LOOP:设置循环TRUE为自动循环,FALSE为不循环,数值为次数
WIDTH,HEIGHT为播放控制面板的宽和高,
其余的属性有:
volume:取值范围为”0-100″,设置音量,默认为系统本身的音量
starttime:”分:秒”,设置歌曲开始播放的时间,如,starttime=”00:10″,从第10秒开始播放
endtime: “分:秒”,设置歌曲结束播放的时间
controls :控制面板的外观controls=”console/smallconsole/playbutton/ pausebutton/stopbutton/volumelever” ·console 正常大小的面板
·smallconsole 较小的面板
·playbutton 显示播放按钮
·pausebutton 显示暂停按钮
·stopbutton 显示停止按钮
·volumelever 显示音量调节按钮
hidden: 为true时可以隐藏面板
——以下代码由[风之舞]提供:
背景音乐代码精简
1、<embed src=”背景音乐网址” hidden=”true” autostart=”true” loop=”true”>
——–hidden=”true”表示隐藏播放,即不显示播放器的外观,若要想显示,把”true” 替换为”false”即可,这样为默认是最小化播放,若还想具体显示播放器的大小,另加上height=”高度值” width=”宽度值” 就可以了。
——-autostart=”true”表示当前页一载入则自动播放,若不希望播放改为autostart=”false”
即可…
—— loop=”true”表示无限次循环播放音乐直到当前页关闭为止,不想循环播放替换为 loop=”false”就OK了
2、<embed src=”背景音乐网址” autostart=”true” loop=”-1″ controls=”ControlPanel” width=”0″ height=”0″ >
———–loop=”-1″ 表示无限次循环播放,可设置播放次数,用具体数字代替即可,比如我希望它播放两次,则loop=”2″
———controls=”ControlPanel”这个控制选项可省略
——–width=”0″ height=”0″表示隐藏播放,和前面的一样。
若欲设置播放器的外观,则替换为具体的数值就可以了,比如width=”123″ height=”100″
————————————————–
其实要说最简化的播放背景音乐的代码,则下面的代码是最简单的了—>
<embed src=”背景音乐网址” >
—————————————————–
另外:bgsound src=”背景音乐路径” loop=”-1″>
这个只支持IE浏览器,而且是完全下载完后才开始播放,不像前面所说的格式那样可以一边缓冲一边播放。这个一般用于mid音乐或较小的mp3,wav格式的音乐. 若是较大的文件还是用前面所说的格式吧~~
<bgsound src=”背景音乐路径” loop=”-1″>这个随浏览器的打开而播放,当最小化窗口时即停止播放,当最大化窗口时又开始播放。
而,<embed src=”背景音乐网址” autostart=”true” loop=”-1″ controls=”ControlPanel” width=”0″ height=”0″ >常用于mid,,wav,mp3类型的音乐类型.
这个则不管是否最小化窗口都始终播放,直至关闭当前窗口为止~~
支持的音乐文件类型:只支持MP播放器所支持的音乐格式,比如mp3,asf,wma,asx等等.
不支持rm,ram….
视频文件的插入方法也和上面所说的一样,设置好合适的
声明:
本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:
https://www.wpsshop.cn/w/笔触狂放9/article/detail/247678
推荐阅读
article
考研
单词表
(
全部
)_
huge
cock
...
a / an art.一(个);每一(个);(同类事物中)任一个abandon vt. 离弃,丢弃;遗弃,抛弃;放弃ab...
赞
踩
article
百万
并发
,
API
网关
抗住了
亚运会
流量
高峰...
本文主要介绍作为
亚运会
所有核心
流量
的入口,阿里云推出了一款百万
并发
规格的
API
网关
,抗住了
亚运会
流量
高峰,为
亚运会
提...
赞
踩
article
MacOS
---设置
Java
环境变量...
在
MacOS
系统配置
Java
环境变量。
MacOS
---设置
Java
环境变量 ...
赞
踩
article
urllib
下载
(
urlretrieve
())...
接下来到了我最兴奋的
下载
了(滑稽),通过
urlretrieve
()
下载
这里我们将通过网页,图片和视频的
下载
,教大家如何下...
赞
踩
article
Android
10
(
Android
Q) 适配
_
setfullscreenintent
...
官方网站-沙盒存储
Android
Q 中的隐私权-重大隐私权变更官方网站-展示时间敏感的通知1. 设备硬件信息读取限制在...
赞
踩
article
K8S-7--K8s资源对象(API/
pod
探针/sevice/
volume
/Statefulset...
Day7(10.10)作业:1、使用configmap为nginx、mysql提供一个配置文件并验证2、总结一下
PV
/和...
赞
踩
article
Android
studio
真机调试_
android
studio
真机调试...
安装应用到手机_
android
studio
真机调试
android
studio
真机调试 手...
赞
踩
article
Android
10
后台
启动
Activity
(
app
切换到
前台
)_
android
唤醒
app
到
前台
...
目录过程分析解决方案在
Android
Manifest.xml上添加权限检查是否开启悬浮窗权限打开悬浮窗权限设置页最近需要...
赞
踩
article
如果
看待
HarmonyOS
鸿蒙
开闭
源
的
抉择_
harmonyos
技术总监...
8月9日,华为在广东东莞
的
华为松山湖基地召开了2019华为全球开发者大会,正式发布了自主研发
的
操作系统
鸿蒙
。并在后续宣布...
赞
踩
article
Three
.
js
--
》探寻
Cannon
.
js
构建震撼
的
3D
物理
交互体验(二)...
我们用three.
js
可以绘制出各种酷炫
的
画面,但是当我们想要一个更加真实
的
物理
效果
的
话,这个时候我们就需要一个
物理
的
库...
赞
踩
article
OpenHarmony
3.1 Release版本关键特性解析——
HDI
硬件
设备接口介绍_openh...
HDF 驱动框架是 OpenAtom
OpenHarmony
(简称“
OpenHarmony
”)系统
硬件
生态开放的基础,为...
赞
踩
article
AI
医疗
影像
入门与资料整理_ai
医学
阅片
产品
归纳...
AI
医疗
影像
入门与资料整理_ai
医学
阅片
产品
归纳ai
医学
阅片
产品
归纳 1、
影像
数据数据类型: ...
赞
踩
article
Yolov5
seg
在
图像
分割
上
的落地应用_
yolov5
-
seg
...
网络模型
上
,加载同目标检测网络加载,通过yaml文件对网络搭建,yaml搭建的网络除了head最后一层,前面的基本
上
和目...
赞
踩
article
KubeSphere
中集成
ApiSix
_
kubesphere
apisix
...
KubeSphere
中集成
ApiSix
_
kubesphere
apisix
kubesphere
apisix
...
赞
踩
article
微信
小程序开发学习记录(一):直播功能_//通过
uploadfile
上传
,
填写
mediaid
...
本篇文章主要是记录一下
微信
小程序直播功能的开发。前提是需要有自己的
微信
小程序账号并且具有云开发功能。_//通过 uplo...
赞
踩
article
百乐
嘉利宝
在
深圳
设立新
办事处
及
巧克力
学院
;药明巨诺
在
港交所主板上市 | 美通
企业
日报......
今日看点百乐
嘉利宝
在
中国
深圳
设立新
办事处
及
巧克力
学院
。全球领先的高品质
巧克力
和可可产品制造商百乐
嘉利宝
集团宣布,
在
深圳
设...
赞
踩
article
uni
app
小
程序
:
使用
uni
.
getLocation
通过
腾讯
地图获取相关地址信息详情(超详细)...
先看运行结果
:
流程
:
搜索后点击这里已经有账号的就进行登录,没有账号的进行注册即可点击控制台
:
进去后点击成员管理---->...
赞
踩
article
Android
studio
怎样
连接
手机
运行
,
Android
studio
连接
手机
调试_andro...
今天百度了一下如何在在
Android
studio
如何在真机上
运行
,比较复杂,看了很多,现在给大家总结一下:1、首先要将...
赞
踩
article
Gradle
安装
配置
详解_
gradle
安装
与
配置
...
Gradle
和Maven都是当前热门的自动化构建工具。使用
Gradle
去构建项目,由于没有办法像Maven一样
配置
Set...
赞
踩
article
使用
Xcode
6将
你
的项目
本地化
_
string
.localized
string
withformat...
iOS和OSX支持40种语言的
本地化
,
Xcode
无疑为这一过程提供了强有力的支持。苹果将这一多语言适配过程细分为Inte...
赞
踩
相关标签
工作
电话
活动
音乐
classification
工具
阿里云
云计算
云原生
macos
java
开发语言
python
爬虫
适配
kubernetes
docker
android studio
android
ide
鸿蒙OS
开源
安卓
javascript