Ⅰ html代码问题 怎么在html文件中插入音乐播放器啊
HTML代码中插入音乐播放器,大致有四种风格,代码如下:
白色普回通播放器代答码:
<EMBEDheight=45type=audio/mpegwidth=300src=音乐地址volume="0"loop="-1"></EMBED>
黑色播放器代码:
<EMBEDstyle="FILTER:Xray"src=音乐地址width=300height=45type=audio/mpegloop="-1"volume="0"></EMBED>
灰色播放器代码:
<EMBEDstyle="FILTER:Gray"src=音乐地址width=300height=45type=audio/mpegloop="-1"volume="0"></EMBED>
棕色播放器代码:
<EMBEDstyle="FILTER:Invert"src=音乐地址width=300height=45type=audio/mpegloop="-1"volume="0"></EMBED>注:代码中SRC对应音乐地址、width和height控制播放器的大小、volume="0" 表示设定的音量大小,数值大小在0--100之间 、 loop="-1" 表示循环播放 。
Ⅱ 浏览器网页中有个播放器插件,有音乐,怎么把音乐下载下来。。。。
看视频或听音频文件等缓冲完后,文件已下载到电脑,下载网页里的QQ空间等方法一样。
第一步:打开IE—工具—Internet—选项—删除文件—确定。
第二步:打开你想要下载的文件网页。(等播放的视频或音频文件缓冲完成后)
第三步:查找方法:音频文件格式为mp3格式,视频文件格式为FLV或MP4(IE—工具—Internet—选项—设置—查看文件,在打开C盘画面空白处右键-排列图标-大小,最后的一个文件就是了。复制下来OK。
Ⅲ 点击一个按钮播放音乐,应用于 HTML,可以用JS插件
functiona(){
varaudio=document.getElementById('music');
if(audio.paused){
audio.play();//audio.play();//播放
}
else{
audio();
}
}
<!--上面是加入js部分回的-->
<audiosrc="click.mp3"controls="controls"preloadid="music"hidden></audio>
<buttonid="a"onclick="a();">播放/暂停答</button>
Ⅳ html5音乐插件,谁知道这个是怎么实现的,右上角有个圆形音符,控制背景音乐播放!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>播放器</title>
<style>
</style>
</head>
<body>
<audio id="music01" src="G.E.M.邓紫棋 - 红蔷薇白玫瑰.mp3" loop="loop">你的浏览器不支持audio标签。</audio>
<a href="javascript:playPause();"><img src="1.jpg" width="50" height="50" id="music_btn01" border="0"></a>
</body>
<script>
function playPause() {
var music = document.getElementById('music01');
var music_btn = document.getElementById('music_btn01');
if (music.paused){
music.play();
music_btn.src = '1.jpg'; //播放图片
}
else{
music.pause();
music_btn.src = '1.jpg'; //暂停图片
}
}
</script>
</html>
Ⅳ html5网页想要加一个音乐播放器可以怎么做
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阿酷TONY--Tangni</title>
</head>
<body>
<div style="text-align:center">
<button οnclick="playPause()">播放/暂停</button>
<button οnclick="makeBig()">放大</button>
<button οnclick="makeSmall()">缩小</button>
<button οnclick="makeNormal()">普通</button>
<button οnclick="getPlaySpeed()" type="button">当前播放速度</button>
<button οnclick="setPlaySpeed()" type="button">将视频设定为2倍播放速度</button>
<br>
<video id="video" width="600" autoplay controls>
<source src="test.mp4" type="video/mp4">
TONY提示:您浏览器不支持 HTML5 video 标签。 </video>
</div>
<script>
var myVideo=document.getElementById("video");
function getPlaySpeed() {
alert("当前视频播放速度为:"+myVideo.playbackRate);//获取播放速度
}
function setPlaySpeed() {
alert("视频将以2倍速度播放");//获取播放速度
myVideo.playbackRate=2;//设定新的播放速度2倍速度
}
function playPause(){
if (myVideo.paused)
myVideo.play(); //播放
else
myVideo.pause(); //暂停播放
}
function makeBig(){
myVideo.width=660;
}
function makeSmall(){
myVideo.width=230;
}
function makeNormal(){
myVideo.width=400;
}
</script>
</body>
</html>
这是一个模板,可以照着写下来
Ⅵ html5 jquery audio player插件怎么用
用法:
添加音频元素、 设置的属性,你需要和添加源。您将添加更多不同的来源,更多的用户将能够听听您的音频 (因为没有一个音频格式跨所有浏览器支持)。三个例子:
<audio src="audio.wav" preload="auto" controls></audio>
这只是将预加载audio.wav文件并不会发挥它直到用户单击播放按钮。nonemetadata) 的其他preload值将不预加载该文件。
autoplay时它会加载该文件,然后再loop它以这种方式:
指定多个音频格式来解决前面提到的问题:
<audio preload="auto" controls>
<source src="audio.wav" />
<source src="audio.mp3" />
<source src="audio.ogg" />
</audio>
神秘controls吗?它是一个布尔属性不会影响任何方式中的插件,但可确保该浏览器的默认播放器是显示和禁用 JavaScript 时显示控件与控件。
最后一步 ― 调用插件
<audio src="audio.wav" preload="auto" controls></audio>
<script src="jquery.js"></script>
<script src="audioplayer.js"></script>
<script>
$( function()
{
$( 'audio' ).audioPlayer();
});
</script>
该插件,一些可选的参数。最重要的一个被称为classPrefix。传递的值成为子元素的父元素和类名称前缀的类名称。其他选项只可能有利英语以外的语言。具有默认值的示例:
$( 'audio' ).audioPlayer(
{
classPrefix: 'audioplayer',
strPlay: 'Play',
strPause: 'Pause',
strVolume: 'Volume'
});
有一些类的名称,被分配到父元素时:
音乐播放器版本― ― 正在播放音频
<div class="audioplayer audioplayer-playing">
停止停止音乐播放器版本― ― 音频
<div class="audioplayer audioplayer-stopped">
音乐播放器版本静音― ― 卷处于静音状态
<div class="audioplayer audioplayer-muted">
音乐播放器版本 novolume ― ― 没有音量调节是可用的:
<div class="audioplayer audioplayer-novolume">
重要提示:时不支持音频元素或没有任何给定的音频文件是与浏览器兼容,玩家切换到迷你模式,基本上减少了播放机播放/暂停按钮 (因为"嵌入"元素是有限的操作):
<div class="audioplayer audioplayer-stopped audioplayer-mini">
<embed src="audio.wav" width="0" height="0" volume="100" autostart="false" loop="false" />
<div class="audioplayer-playpause" title="Play"><a href="#">Play</a></div>
</div>
Ⅶ 静态(html)网页如何实现歌曲在线连播
我做过Flash的播放器,但JS的却没做过,但我想原理应该都是一样的,按照你的说法,要用到JS,对网页中播放器插件进行帧听。
下面就简单的说一下吧
材料:歌曲、歌曲文件列表(可以是XML,也可以是其它的什麼,什么文件都可以)、几条简单的JS语句
处理:
1、生成网页的时候,将音乐播放器插件的ID命名为WMA,当然,你可以随便命名,只是这里便于说明。
2、读取XML中的内容。
同时将XM中对应的歌曲名称与地址存到数组testmp3中(此数组当然是二维数组,数据组分别歌曲名称与歌曲地址)
好了,到此,准备工作就做好了,下面就是重点---连播。
3、相关语句:
一、定义函数getWMAtime
二、利用Interval=setInterval("getWMAtime()",900),意思就是每隔900毫秒调用getWMAtime这个函数,并将其放入Interval中。
如果要用到“上一曲”“下一曲”,可以将其做为了一个函数,
将音乐的地址赋给WMA.URL,用WMA.controls.play();播放,用WMA.controls.stop();停止播放,用WMA.controls.pause();暂停播放。改变了音乐地址后,记得用Ajax载入新的歌词!
另:
getWMAtime函数的内容为读取当前词曲的播放时间
当前的播放时间:WMA.controls.currentPosition;
歌曲总时间:WMA.currentMedia.ration;
读取当前的时候后,与数组中时间项进行对比,相同(由于其它原因,可能会出现不相同的情况,因此则用“>=”)
如果前当播放时间==歌曲总时间,则用JS对WMA.URL属性进行更改,然后用WMA.controls.play();的地址。
好了,一个简单的JS的播放器就完工啦
有不懂的地方可以访问本人博客,希望共同探讨
Ⅷ 求一款HTML 的音乐播放器插件 能动态添加音乐,比如在列表中点击音乐然后点击事件将音乐添加到播放器播放
点击 插入 。。 媒体。。。插件。。选择你要的音乐文件 。。。确认 。。然后拉成你想要的大小就可以了
Ⅸ html插入音乐不会播放,上面显示浏览器可能需要安装插件以后,才能播放该文件。插件怎么安装,怎么弄
用chrome浏览器,没有这个问题!
Ⅹ 用asp开发web音乐播放器需要什么插件
建议使用media player 内核,以下为示例:
<object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" id="player" >
<param name="AutoStart" value="True"/>
<param name="Balance" value="0"/>
<param name="enabled" value="True"/>
<param name="EnableContextMenu" value="False"/>
<param name="url" value="音乐列表.asx" />
<param name="PlayCount" value="0"/>
<param name="rate" value="1"/>
<param name="currentPosition" value="0"/>
<param name="currentMarker" value="0"/>
<param name="defaultFrame" value=""/>
<param name="invokeURLs" value="0"/>
<param name="baseURL" value=""/>
<param name="stretchToFit" value="0"/>
<param name="volume" value="100"/>
<param name="mute" value="0" />
<param name="uiMode" value="mini"/>
<param name="AutoRewind" value="True"/>
<param name="Loop" value="True"/>
<param name="ShowTracker" value = "False"/>
<param name="EnableTracker" value="True">
<!--播放器显示模式:Full显示全部;mini最简化;None不显示播放控制,只显示视频窗口;invisible全部不显示-->
<param name="windowlessVideo" value="0"/>
<param name="fullScreen" value="False"/>
<param name="enableErrorDialogs" value="False"/>
<param name="ShowControls" value = "False"/>
<embed src="-1" autostart="True" Loop="True" balance="0" enabled="-1" enablecontextmenu="-1" url="" playcount="0" rate="1" currentposition="0" currentmarker="0" defaultframe="" invokeurls="0" baseurl="" stretchtofit="0" volume="100" mute="0" uimode="mini" windowlessvideo="0" fullscreen="0" enableerrordialogs="0" samistyle="" samilang="" samifilename="" showcontrols="False" showTracker="False" EnableTracker="True"></embed>
</object>