网页播放器代码

最新推荐文章于 2022-03-10 13:55:37 发布
最新推荐文章于 2022-03-10 13:55:37 发布
阅读量464 收藏
点赞数

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<link href="style/style.css" rel="stylesheet" type="text/css">

<script language="JavaScript">

var state;

//初始化

function playerinit()

{

player.url="mp3.m3u";

player.settings.autoStart = false ;

}

//播放

function play()

{

if (player.controls.isavailable('play'))

{

player.controls.play();

state=setInterval("updatetime()",1000);

playerinfo.innerHTML = "播放";

}

}

//暂停

function pause()

{

if (player.controls.isavailable('pause'))

{

player.controls.pause();

clearInterval(state);

playerinfo.innerHTML = "暂停";

}

}

//停止

function stop()

{

if (player.controls.isavailable('stop'))

{

player.controls.stop();

clearInterval(state);

playerinfo.innerHTML = "停止";

}

}

//前首

function previous()

{

if (player.controls.isavailable( 'previous' ))

{

player.controls.previous();

playerinfo.innerHTML = "前一首";

}

}

//后首

function next()

{

if (player.controls.isavailable( 'next' ))

{

player.controls.next();

playerinfo.innerHTML = "下一首";

}

}

//？

function step()

{

if (player.controls.isavailable( 'step' ))

player.controls.step( 1 );

}

//音量-

function voldown()

{

if ( player.settings.volume < 5 )

{

player.settings.volume = 0;

playerinfo.innerHTML = "0";

}

else

{

player.settings.volume -= 5;

playerinfo.innerHTML = player.settings.volume;

}

}

//音量+

function volup()

{

if ( player.settings.volume > 95 )

{

player.settings.volume = 100;

playerinfo.innerHTML = "100";

}

else

{

player.settings.volume += 5;

playerinfo.innerHTML = player.settings.volume;

}

}

//静音

function mute()

{

player.settings.mute = !player.settings.mute;

}

//声道

function balance()

{

switch (player.settings.balance)

{

case 0:

player.settings.balance = 100;

playerinfo.innerHTML = '左声道';

break;

case 100:

player.settings.balance = -100;

playerinfo.innerHTML = '右声道';

break;

case -100:

player.settings.balance = 0;

playerinfo.innerHTML = '全声道';

break;

default :

player.settings.balance = 0;

playerinfo.innerHTML = '全声道';

break;

}

}

//更新时间

function updatetime()

{

playerinfo.innerHTML = player.controls.currentPositionString + " | " + player.currentMedia.durationString;

}

</script>

</head>

<body οnlοad="playerinit();">

<table width="300">

<tr>

<td><object id="player" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" type="application/x-oleobject" width="300" height="60">

<param name="autoStart" value="false">

<param name="balance" value="0">

<param name="currentPosition" value="0">

<param name="currentMarker" value="0">

<param name="enableContextMenu" value="true">

<param name="enableErrorDialogs" value="false">

<param name="enabled" value="true">

<param name="fullScreen" value="false">

<param name="invokeURLs" value="false">

<param name="mute" value="true">

<param name="playCount" value="1">

<param name="rate" value="1">

<param name="uiMode" value="none">

<param name="volume" value="100">

</object></td>

</tr>

<tr>

<td><span id="playerinfo"></span></td>

</tr>

<tr>

<td>

<div align="center">

<input type="button" οnmοuseοver=this.className="but12"; οnmοuseοut=this.className="but11"; name="previous" title="上一首" οnclick="previous();">

<input type="button" οnmοuseοver=this.className="but22"; οnmοuseοut=this.className="but21"; name="play" title="播放" οnclick="play();">

<input type="button" οnmοuseοver=this.className="but32"; οnmοuseοut=this.className="but31"; name="pause" title="暂停" οnclick="pause();">

<input type="button" οnmοuseοver=this.className="but42"; οnmοuseοut=this.className="but41"; name="stop" title="停止" οnclick="stop();">

<input type="button" οnmοuseοver=this.className="but52"; οnmοuseοut=this.className="but51"; name="next" title="下一首" οnclick="next();">

<input type="button" οnmοuseοver=this.className="but62"; οnmοuseοut=this.className="but61"; name="voldown" title="音量-" οnclick="voldown();">

<input type="button" οnmοuseοver=this.className="but62"; οnmοuseοut=this.className="but61"; name="volup" title="音量+" οnclick="volup();">

<input type="button" οnmοuseοver=this.className="but62"; οnmοuseοut=this.className="but61"; name="mute" title="静音" οnclick="mute();">

<input type="button" οnmοuseοver=this.className="but62"; οnmοuseοut=this.className="but61"; name="balance" title="声道" οnclick="balance();">

</div>

</td>

</tr>

</table>

<script language = "JavaScript" for = player event = playstatechange(newstate)>

switch (newstate){

case 1:

playerinfo.innerHTML = "停止";

break;

case 2:

playerinfo.innerHTML = "暂停";

break;

case 3:

playerinfo.innerHTML = "正在播放";

break;

case 4:

playerinfo.innerHTML = "4";

break;

case 5:

playerinfo.innerHTML = "5";

break;

case 6:

playerinfo.innerHTML = "正在缓冲...";

break;

case 7:

playerinfo.innerHTML = "7";

break;

case 8:

playerinfo.innerHTML = "8";

break;

case 9:

playerinfo.innerHTML = "正在连接...";

break;

case 10:

playerinfo.innerHTML = "准备就绪。欢迎光临<a href='http://mp3.asp2004.net'>http://mp3.asp2004.net</a>";

break;

case 11:

playerinfo.innerHTML = "11";

break;

default:

playerinfo.innerHTML = "";

}

</script>

</body>

</html>

苍月代表我
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
仿网易云网页版音乐播放器，实现歌词随歌曲进行滚动高亮
lijiasiang的博客
01-30 1万+
引言  前几天在使用网易云网页版听歌时，看着那个页面的歌词随歌曲进行高亮，突然也想自己手动地去实现一下，于是呢，就仿照了网易云音乐的网页自己也写了个页面。效果图如下： 当然了，此处不做css的样式介绍，主要是想分享一下在做这个页面时遇到的关于处理歌词随歌曲进行滚动高亮的方式。 思路  在实现歌词随歌曲进度进行自动高亮时，你需要清楚地知道你想要实现的效果时什么？再者，你需要知道如何设
html视频无法显示
weixin_45903205的博客
08-05 743
html学习遇到的问题
M3U文件制作与视频播放器播放M3U
张兴刚的博客
11-12 1万+
如何制作m3u文件列表与视频播放器播放m3u格式的音乐文件
video标签播放m3u8格式视频流完整代码
冉冉胜起博客
10-23 6563
只需替换播放地址即可播放，完整代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script><!-- hls.js必须引入，
Flash xml网页播放器代码.rar
07-10
Flash xml网页播放器代码，那是相当小巧漂亮，而且动感十足，具有很强的质感，支持多首音乐连续播放，可设置循环模式、音乐列表等，相当实用。配置文件为XML。歌曲名称和歌曲地址都在xml里修改。
js实现的万能flv网页播放器代码
10-22
主要介绍了js实现的万能flv网页播放器代码,以简单示例形式分析了JavaScript使用swfobject.js实现在线播放flv视频的相关技巧,需要的朋友可以参考下
各种格式的网页播放器代码
06-02
各种格式的网页播放器代码，之间粘贴拷贝就行了
网页播放器代码全集
纯冰蓝色的BLOG
04-27 5112
网页播放器代码全集 1.avi格式 代码片断如下： 2.mpg格式 代码片断如下： 3.smi格式 代码片断如下： 4.rm格式 代码片断如下： 5.wmv格式 代码片断如下： http://activex.microsoft.com
为什么提示html5找不到视频,HTML5视频在Safari中未显示
weixin_39835991的博客
07-01 683
我已阅读关于此问题的其他解答，但没有任何帮助。我试图在Safari中使用HTML5视频，但它根本不会显示出来。对于参考视图：http://www.shaun-pelling.com/malagnini/index2.html - (视频在顶部的滑块上找到，只需单击左侧的滑块箭头一次)。HTML5视频在Safari中未显示它在所有其他浏览器，但除了Safari浏览器显示罚款。htaccess文件：A...
音乐播放源代码
飞翔的白鸽
07-01 2244
 百度MP3搜索链接方便：http://mp3.baidu.com/下面是音乐播放的源代码，方便有时候复制粘贴和修改：其中： autostart="true" 是自动开始播放的意思，如果把引号里面的单词true改成false就不会自动播放。width=165 height=50 是宽度和高度，可以自己修改。src=后面连接的是音乐来源地址，记得和后面的单词要有一个空格。总结
HTML5中的video标签（无法显示画面）
Iloveyougirls的博客
02-26 2万+
一、HTML5中的支持的浏览器及视频格式 标签定义视频，比如电影片段或其他视频流。 目前， 元素支持三种视频格式：MP4、WebM、Ogg。 注意：IE8及以前的版本 不支持标签 重点来了，有时候我们使用的是MP4格式的视频，但是没有视频画面。 那是因为MP4也有很多编码格式，标签支持的格式如下： MP4 = MPEG 4文件使用
音乐播放器代码和网页播放器代码
luantao9999的专栏
10-09 1713
HTML播放器样式1 <TABLE borderColor=#bc8f8f cellSpacing=1 width=315 border=1> <EMBED style="FILTER: invert(); WIDTH: 315px; HEIGHT: 28px" src=音乐地址 type=audio/mpeg autostart="true"> HTML播放器样式2
Html5+Css3实现类似网易云音乐的移动版播放器
热门推荐
Roger的专栏
02-21 3万+
网易云音乐的网页版是没有移动页面的，我突发奇想，来做一个玩玩： http://followyourheart.sinaapp.com/Demos/musicPlayer/Index.html 主要用到了Html5的一些Api跟Css3动画，仅供参考。
html5 video动态展示视频不显示问题
qq_41820599的博客
03-10 1811
这个形式视频没有显示，所以使用了computed属性 <span v-if="type===3" v-html="videoSource" /> computed: { // 计算属性的 getter videoSource: function() { // `this` 指向 vm 实例 return `<video controls autoplay width="360" height="640"><source src="${t.
LivePlayer H5直播/点播播放器安装与使用
01-03 1万+
easy-player 集 rtmp, hls, flv, websocket 于一身的网页直播/点播播放器, 使用简单, 功能强大 属性(Property) video-url 视频流地址 String default ‘’ video-title 视频右上角显示的标题 String default ‘’ poster 视频封面图片 String default ‘’ autoplay ...
html网页播放器代码
最新发布
05-14
以下是一个简单的 HTML5 视频播放器示例代码： ```html <!DOCTYPE html> <title>HTML5 视频播放器 video { display: block; margin: 0 auto; } 您的浏览器不支持 HTML5 视频播放器...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值