`
dy_0821
  • 浏览: 785 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

简洁javascript音乐播放器

 
阅读更多
写的不错  拿来用用
<script>
/*************************************************************
LovelyLife Player V1.0
Edited By LovelyLife
At 2006-09-16
All rights reservered
Code Start
*************************************************************/
var playid = "LovelyLifePlayer"
var status = "status"
var curId,arrPL,selected
var isStop,isLoop
arrPL = new Array()    //播放器列表
cur = 0
curId = 0
isStop = false
selected = 0
isLoop = true
function songObj(Id,url, name){
this.Id   = Id
this.url  = url
this.name = name
}
function playAndpauseIt(){
if(document.getElementById(status).innerText == '暂停'){
document.getElementById(playid).controls.pause()
document.getElementById(status).innerHTML ='播放'
}
else{ document.getElementById(status).innerText = '暂停'
document.getElementById(playid).controls.play()}
}
function stopIt(){
isStop = true
document.getElementById(status).innerHTML ='播放'
document.getElementById(playid).controls.stop()
}
function showTimer(){
var cp=document.getElementById(playid).controls.currentPosition
var cps=document.getElementById(playid).controls.currentPositionString
var dur=document.getElementById(playid).currentMedia.duration;
var durs=document.getElementById(playid).currentMedia.durationString;
var s = document.getElementById(playid).playState
var o = document.getElementById(playid).openState
if( s==2 || s==3)
document.getElementById('pos').innerText = " " + cps + "/" + durs + " "
else
document.getElementById('pos').innerText = " 00:00/" + durs + " "
if( s == 1 ){
if(isLoop && (curId > (arrPL.length - 1))){
curId = 0
return 0
}
clearIt()
if(curId<0 || curId>arrPL.length){
alert("当前没有歌曲!,请查看播放列表!")
return false
}
nxtPlay()
}
if( s == 10 && arrPL.length >0 )
nxtPlay()
}
function nxtPlay(){
isStop = true
if(curId > arrPL.length - 1){
document.getElementById("songName").innerText = "没有歌曲了,请选择上一曲!"
document.getElementById(playid).URL = "NULL"
return false
}
curId++
clearIt()
setIt(curId)
PlayIt(curId)
}
function prePlay(){
isStop = true
if(curId<0){
document.getElementById("songName").innerText = "没有歌曲了,请选择下一曲!"
document.getElementById(playid).URL = "NULL"
return false
}
curId--
clearIt()
setIt(curId)
PlayIt(curId)
}
function PlayIt(cid){
if(curId<0 || curId>arrPL.length -1){
document.getElementById("songName").innerText  = "当前没有歌曲!,请查看播放列表!"
return false
}
//var url = "url.asp?iid=" + arrPL[cid].Id
//url = LoadIt(url)
url = arrPL.url
curId = cid
if(url == "None"){
document.getElementById("songName").innerText = "加载歌曲未找到!播放下一曲!"
nxtPlay()
return false
}
document.getElementById(playid).URL = url
document.getElementById("songName").innerText = arrPL[cid].name
}
function clearIt(){
if((arrPL.length - 1 <0) || selected < 0 || selected > arrPL.length){
//document.getElementById("songName").innerText = "加载歌曲未找到!播放下一曲!"
return false
}
var selectedIndex = eval("td_" + selected)
selectedIndex.style.border = ""
}
function setIt(tid){
if(tid<0 || tid>arrPL.length-1){
document.getElementById("songName").innerText  = "当前没有歌曲!,请查看播放列表!"
return false
}
var selectedIndex = eval("td_" + tid)
selectedIndex.style.border = "1px solid #F00"
selected = tid
}
function InitPlay(songName,url,auto){
//document.write("<div id=player style=\"width:70%\"></div>")
var strTemp = "<object classid=\"CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6\""
strTemp += " type=\"application/x-oleobject\" width=\"0\" height=\"0\" id=" + playid
strTemp += " style=\"position:relative; left:0px; top:0px; width:0px; height:0px;\">\n"
strTemp += "  <param name=\"autoStart\" value=\""+auto+"\">\n"
strTemp += "  <param name=\"balance\" value=\"0\">\n"
strTemp += "  <param name=\"currentPosition\" value=\"0\">\n"
strTemp += "  <param name=\"currentMarker\" value=\"0\">\n"
strTemp += "  <param name=\"enableContextMenu\" value=\"0\">\n"
strTemp += "  <param name=\"enableErrorDialogs\" value=\"0\">\n"
strTemp += "  <param name=\"enabled\" value=\"-1\">\n"
strTemp += "  <param name=\"fullScreen\" value=\"0\">\n"
strTemp += "  <param name=\"invokeURLs\" value=\"0\">\n"
strTemp += "  <param name=\"mute\" value=\"0\">\n"
strTemp += "  <param name=\"playCount\" value=\"1\">\n"
strTemp += "  <param name=\"rate\" value=\"1\">\n"
strTemp += "  <param name=\"uiMode\" value=\"none\">\n"
strTemp += "  <param name=\"volume\" value=\"100\">\n"
strTemp += "  <param name=\"URL\" value=\"" + url + "\">\n"
strTemp += "</object>\n<font class=HighLight style=\"background-color: #EEE;padding: 8px;height:30px;width:100%\">"
strTemp += "<b>点播的歌曲: <marquee width=30% speed=3><font color=red id=songName>" + songName + "</font></marquee>"
strTemp += "   [<font id=pos></font>]"
strTemp += "  [<font onclick=playAndpauseIt() style='cursor:hand;' id=" + status + ">播放</font>]"
strTemp += "[<font onclick=stopIt() style='cursor:hand;'>停止</font>]"
if((arrPL.length - 2) >= 0){
strTemp += "[<font onclick=prePlay() style='cursor:hand;'>上曲</font>]"
strTemp += "[<font onclick=nxtPlay() style='cursor:hand;'>下曲</font>]"
}
strTemp += " </b>"
document.getElementById('player').innerHTML = strTemp
temptimer=setInterval('showTimer()',1000);
}
function playX(cur){
PlayIt(cur)
clearIt()
setIt(cur)
curId = cur
selected = cur
}
function MakeList(Id,Url,Name){
arrPL[cur] = new songObj(Id,Url, Name)
cur++
}
function loopIt(){
if(isLoop){
document.getElementById('sloop').innerText = "不循环"
isLoop = false
}else{
document.getElementById('sloop').innerText = "循环播放"
isLoop = true
}
}
/* Code End */
window.attachEvent('onload', function(){InitPlay("女人如烟[词曲:穆真 演唱:魏佳艺]","http://happy369.com/yy/nrry.mp3", 0)})
</script>
<div id=player style="width:70%"></div>
分享到:
评论

相关推荐

    基于HTML5+JavaScript开发简洁美观的网页音乐播放器源码+项目说明.tar

    基于HTML5+JavaScript开发简洁美观的网页音乐播放器源码+项目说明.tar基于HTML5+JavaScript开发简洁美观的网页音乐播放器源码+项目说明.tar基于HTML5+JavaScript开发简洁美观的网页音乐播放器源码+项目说明.tar基于...

    ASP实例开发源码-Simple Music Player 简洁大气的JavaScript音乐播放器 v1.0.zi

    ASP实例开发源码—Simple Music Player 简洁大气的JavaScript音乐播放器 v1.0.zip ASP实例开发源码—Simple Music Player 简洁大气的JavaScript音乐播放器 v1.0.zip ASP实例开发源码—Simple Music Player 简洁大气...

    基于ASP的Simple Music Player 简洁大气的JavaScript音乐播放器 v1.0.zip

    综合上述信息,"基于ASP的Simple Music Player 简洁大气的JavaScript音乐播放器 v1.0"是一个结合了服务器端动态处理和客户端交互的音乐播放解决方案。开发人员利用ASP处理后台逻辑,通过JavaScript在前端实现用户...

    Simple Music Player 简洁大气的JavaScript音乐播放器

    **JavaScript音乐播放器开发概述** 在网页中集成音乐播放功能是许多网站常见的需求,而JavaScript作为客户端编程的主要语言,能够实现动态交互的效果。"Simple Music Player"是一个利用JavaScript技术构建的简洁...

    Simple Music Player 简洁大气的JavaScript音乐播放器 v1.0.rar

    名称:Simple Music Player 简洁大气的Javascript音乐播放器 作者:海兵大侠 版本:v1.0 更新:2013年10月9日 请到 http://git.oschina.net/hbdx/SimpleMusicPlayer 跟踪本项目的最新消息   使用方法:...

    源代码-Simple Music Player 简洁大气的JavaScript音乐播放器 v1.0.zip

    源代码-Simple Music Player 简洁大气的JavaScript音乐播放器 v1.0.zip

    音乐播放器简洁版

    音乐播放器简洁版是一款专为学生设计的音乐播放软件,其特点是界面简洁,操作便捷,主要功能包括音乐加载、播放以及通过百度接口访问音乐资源。这个项目不仅锻炼了学生的编程能力,也展示了如何将实际需求转化为软件...

    ASP源码—Simple Music Player 简洁大气的JavaScript音乐播放器 v1.0.zip

    ASP源码—Simple Music Player是一款基于JavaScript开发的简洁大气的音乐播放器,主要适用于Web页面中的音频播放功能。它利用ASP技术与JavaScript相结合,提供了一种直观、易用且具有现代设计感的音乐播放解决方案。...

    SMmuiscPlay极简模式JavaScript音乐播放器

    SMmuiscPlay是一款专为网页设计的轻量级JavaScript音乐播放器,旨在提供一个简洁、高效的用户体验,适用于那些希望在网站上集成音频播放功能的开发者。这款播放器的核心特性是其极简的界面设计,能够无缝融入各种...

    简洁美观的网页音乐播放器,基于HTML5,Javascript,CSS,PHP,mysql.zip

    【简洁美观的网页音乐播放器】是一款利用HTML5、JavaScript、CSS、PHP和MySQL技术构建的在线音乐播放应用。这款播放器充分利用了HTML5的新特性,如Audio API,提供了丰富的多媒体体验,同时结合CSS和JavaScript实现...

    仿真音乐播放器经典案例

    在IT领域,开发一个音乐播放器是常见的项目实践,它涉及到多媒体处理、用户界面设计以及音频播放技术等多个方面的知识。本案例"仿真音乐播放器经典案例"是一个专注于模拟真实音乐播放器功能的软件开发实例,它可以...

    html5简洁扁平化音乐播放器代码

    综上所述,"html5简洁扁平化音乐播放器代码"项目涉及HTML5、jQuery、CSS3、JavaScript事件处理、响应式设计等多个关键技术,是学习Web开发和多媒体应用的实践案例。通过分析和理解这个项目,开发者可以提升自己的...

    页面精美的jQuery流媒体音乐播放器 音乐播放器模板下载

    这个音乐播放器是基于jAudio库构建的,jAudio是一个轻量级且功能丰富的JavaScript库,专门用于处理音频播放。 jQuery是JavaScript的一个库,它简化了JavaScript的DOM操作、事件处理和动画制作。在这个音乐播放器...

    音乐播放器-小程序+springboot后台

    【音乐播放器-小程序+springboot后台】是一个综合性的项目,它涵盖了移动应用开发和后端服务构建的关键技术。此项目结合了微信小程序作为前端用户界面,与基于Java的Spring Boot框架搭建的后端服务器进行数据交互。...

    jquery 制作的音乐播放器

    jQuery作为一个轻量级、高性能的JavaScript库,因其易用性和丰富的插件支持,成为了制作音乐播放器的理想选择。本篇文章将深入探讨如何使用jQuery制作一个功能完备的音乐播放器。 ### 1. jQuery基础 首先,我们...

    基于微信小程序的音乐播放器实现.docx

    该应用程序使用微信小程序的开发语言,包括JavaScript、WXML、WXSS等语言,通过使用微信小程序提供的API接口来实现音乐播放器的功能。 音乐播放器的核心功能是音乐播放功能,它可以通过使用wx....

    纯静态HTML音乐播放器模板

    在这个模板中,CSS文件如`style.css`用于美化音乐播放器,使其符合设计描述中的“简洁漂亮”。通过CSS,开发者可以实现播放器的背景色、按钮形状、文字样式等定制,确保整体界面的一致性和吸引力。 `images`目录则...

    jquery音乐播放器

    jQuery音乐播放器是一种基于JavaScript库jQuery实现的网页音频播放解决方案,它提供了丰富的交互功能,如播放、暂停、音量调节、进度控制以及歌词同步。这款播放器适合那些希望在网站上集成高质量音乐播放功能的...

    中性音乐播放器UI特效

    总之,这个“中性音乐播放器UI特效”项目结合了HTML5的多媒体功能、SVG的图形表现力和JavaScript的动态交互,构建了一个功能齐全、视觉简洁的在线音乐播放器。通过深入理解和应用这些技术,开发者可以创造出更多创新...

    Simple Music Player 简洁大气的JavaScript音乐播放器 v1.0-ASP源码.zip

    ASP源码,压缩包解压密码:www.cqlsoft.com

Global site tag (gtag.js) - Google Analytics