JS 网页播放器控制命令

js控制视频播放代码

else if(playerType==1)
document.write('<embed id="mediaplay" type="application/x-mplayer2"
pluginspage="/Windows/Downloads/Contents/Products/MediaPlayer/"
fileType[4] =new Array(".3gp",".3gpp");//3GP 视频
var playerType = -1;
lastname = url.substring(stIndexOf("."),url.length);
document.write('<embed id="quicktime" type="video/quicktime"
pluginspage="/quicktime/download/index.html" volume=100
src="'+url+'" width=180 height=155 showstatusbar=false showcontrols="true"
// JavaScript Document
var control;
function showPlayer(url){//播放代码
var fileType=new Array();
fileType[0] =new Array(".mpg", ".mpeg",".asf",".wmv",".mp4");//MP 视频

js控制html5【video】标签中视频的播放和停止

js控制html5【video】标签中视频的播放和停⽌需求：页⾯中有2个普通按钮a，b。

还有⼀个video标签，能成功播放出视频。

我想要的效果是，点击a按钮，视频开始播放，点击b按钮，视频播放停⽌<br><br>----------------------------------------------------code------------------------------------------------------<html><head><title>Simple JavaScript Controller</title><script type="text/javascript">function playPause() {var myVideo = document.getElementsByTagName('video')[0]; //获取视频videoif (myVideo.paused){myVideo.play();}else{myVideo.pause();}function makeBig() { //全屏⾼度2倍var myVideo = document.getElementsByTagName('video')[0];myVideo.height = (myVideo.videoHeight * 2 ) ;}function makeNormal() { //取消全屏var myVideo = document.getElementsByTagName('video')[0];myVideo.height = (myVideo.videoHeight) ;}</script></head><body><div class="video-player" align="center"> <video src="myMovie.m4v" poster="poster.jpg" ></video> <br><a href="javascript:playPause();">Play/Pause</a> <br> <a href="javascript:makeBig();">2x Size</a> <br>[解决办法]<a href="javascript:makeNormal();">1x Size</a> <br> </div></body></html> [解决办法]:var myVideo = document.getElementsByTagName('video')[0];可以换成document.getElementById('videoId');<video src="myMovie.m4v" poster="poster.jpg" id="videoId"></video>[解决办法]额。

021--如何在JSP页面中播放从视频文件

如何在JSP页面中播放从视频文件下面是各种播放器代码，将视频路径写正确即可了。

各种播放器代码1.avi格式代码片断如下：<object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"><param name="ShowDisplay" value="0"><param name="ShowControls" value="1"><param name="AutoStart" value="1"><param name="AutoRewind" value="0"><param name="PlayCount" value="0"><param name="Appearance value="0 value="""><param name="BorderStyle value="0 value="""><param name="MovieWindowHeight" value="240"><param name="MovieWindowWidth" value="320"><param name="FileName" value="file:///D|/work/vod/Mbar.avi"><embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename="file:///D|/work/vod/Mbar.avi" src="Mbar.avi"> </embed></object>2.mpg格式代码片断如下：<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239" height="250"><param name="Appearance" value="0"><param name="AutoStart" value="-1"><param name="AllowChangeDisplayMode" value="-1"><param name="AllowHideDisplay" value="0"><param name="AllowHideControls" value="-1"><param name="AutoRewind" value="-1"><param name="Balance" value="0"><param name="CurrentPosition" value="0"><param name="DisplayBackColor" value="0"><param name="DisplayForeColor" value="16777215"><param name="DisplayMode" value="0"><param name="Enabled" value="-1"><param name="EnableContextMenu" value="-1"><param name="EnablePositionControls" value="-1"><param name="EnableSelectionControls" value="0"><param name="EnableTracker" value="-1"><param name="Filename" value="../../../mpeg/halali.mpg" valuetype="ref"><param name="FullScreenMode" value="0"><param name="MovieWindowSize" value="0"><param name="PlayCount" value="1"><param name="Rate" value="1"><param name="SelectionStart" value="-1"><param name="SelectionEnd" value="-1"><param name="ShowControls" value="-1"><param name="ShowDisplay" value="-1"><param name="ShowPositionControls" value="0"><param name="ShowTracker" value="-1"><param name="Volume" value="-480"></object>3.smi格式代码片断如下：<OBJECT id=RVOCX classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA width=240 height=180><param name="_ExtentX" value="6350"><param name="_ExtentY" value="4763"><param name="AUTOSTART" value="-1"><param name="SHUFFLE" value="0"><param name="PREFETCH" value="0"><param name="NOLABELS" value="-1"><param name="SRC" value="rm.rm"><param name="CONTROLS" value="ImageWindow"><param name="CONSOLE" value="console1"><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"><embed src="real.smi" type="audio/x-pn-realaudio-plugin" console="Console1" controls="ImageWindow" height="180" width="240" autostart="true"></OBJECT>4.rm格式代码片断如下：<OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=288 WIDTH=352><param name="_ExtentX" value="9313"><param name="_ExtentY" value="7620"><param name="SHUFFLE" value="0"><param name="PREFETCH" value="0"><param name="NOLABELS" value="0"><param name="SRC" value="rtsp://203.207.131.35/vod/dawan-a.rm";;;><param name="CONTROLS" value="ImageWindow"><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"><embed SRC type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="288" WIDTH="352" AUTOSTART="false"></OBJECT>5.wmv格式代码片断如下：<object id="NSPlay" width=200 height=180 classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"codebase="/activex/controls/mplayer/en/nsmp2inf.cab# Version=6,4,5,715" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject" align="right" hspace="5"><param name="AutoRewind" value=1><param name="FileName" value="******.wmv"><param name="ShowControls" value="1"><param name="ShowPositionControls" value="0"><param name="ShowAudioControls" value="1"><param name="ShowTracker" value="0"><param name="ShowDisplay" value="0"><param name="ShowStatusBar" value="0"><param name="ShowGotoBar" value="0"><param name="ShowCaptioning" value="0"><param name="Volume" value="-2500"><param name="AnimationAtStart" value="0"><param name="TransparentAtStart" value="0"><param name="AllowChangeDisplaySize" value="0"><param name="AllowScan" value="0"><param name="EnableContextMenu" value="0"><param name="ClickToPlay" value="0"></object>6.wma格式放在 <body> 里面。

JavaScrit工具函数如何实现音频和视频的播放控制

JavaScrit工具函数如何实现音频和视频的播放控制JavaScript工具函数如何实现音频和视频的播放控制JavaScript是一种流行的编程语言，被广泛用于网页开发中。

在网页设计中，音频和视频的播放控制是常见需求。

本文将介绍如何使用JavaScript的工具函数来实现音频和视频的播放控制。

1. 主要功能介绍使用JavaScript工具函数实现音频和视频的播放控制，可以包括以下主要功能：1.1 播放和暂停工具函数可以通过控制播放按钮，实现音频和视频的开始播放和暂停功能。

1.2 快进和快退工具函数可以通过控制快进和快退按钮，实现音频和视频的快进和快退功能。

1.3 音量控制工具函数可以通过控制音量滑块，实现音频和视频的音量大小调节功能。

1.4 进度条控制工具函数可以通过控制进度条，实现音频和视频播放过程中的进度显示和控制。

2. 实现步骤下面将介绍使用JavaScript工具函数实现音频和视频的播放控制的具体步骤。

2.1 添加HTML元素首先，在HTML文件中添加音频和视频元素，如下所示：```html<audio id="audioPlayer" src="audio.mp3"></audio><video id="videoPlayer" src="video.mp4"></video>```2.2 编写JavaScript函数接下来，编写JavaScript函数，实现音频和视频的播放控制。

以下为示例代码：```javascriptfunction playAudio() {const audio = document.getElementById("audioPlayer");audio.play();}function pauseAudio() {const audio = document.getElementById("audioPlayer"); audio.pause();}function fastForward() {const video = document.getElementById("videoPlayer"); video.currentTime += 10; // 快进10秒}function rewind() {const video = document.getElementById("videoPlayer"); video.currentTime -= 10; // 快退10秒}function setVolume(volume) {const audio = document.getElementById("audioPlayer"); audio.volume = volume; // 设置音量}function updateProgress() {const video = document.getElementById("videoPlayer");const progress = video.currentTime / video.duration * 100; // 计算进度百分比// 更新进度条显示document.getElementById("progressBar").style.width = progress + "%";}function initializePlayer() {const audio = document.getElementById("audioPlayer");const video = document.getElementById("videoPlayer");// 添加播放、暂停等事件监听audio.addEventListener("play", updateProgress);audio.addEventListener("pause", updateProgress);video.addEventListener("play", updateProgress);video.addEventListener("pause", updateProgress);}initializePlayer();```3. 结语本文介绍了如何使用JavaScript工具函数来实现音频和视频的播放控制。

常用的播放器控制代码

<objec‎t id="playe‎r" heigh‎t="64" width‎="260" class‎i d="CLSID‎:6BF52‎A52-394A-11d3-B153-00C04‎F79FA‎A6"><param‎NAME="AutoS‎t art" VALUE‎="-1"><param‎NAME="Balan‎c e" VALUE‎="0"><param‎name="enabl‎e d" value‎="-1"><param‎NAME="Enabl‎e Cont‎e xtMe‎n u" VALUE‎="-1"><param‎NAME="url" value‎="/blog/1.wma"><param‎NAME="PlayC‎o unt" VALUE‎="1"><param‎name="rate" value‎="1"><param‎name="curre‎n tPos‎i tion‎" value‎="0"><param‎name="curre‎n tMar‎k er" value‎="0"><param‎name="defau‎l tFra‎m e" value‎=""><param‎name="invok‎e URLs‎" value‎="0"><param‎name="baseU‎R L" value‎=""><param‎name="stret‎c hToF‎i t" value‎="0"><param‎name="volum‎e" value‎="50"><param‎name="mute" value‎="0"><param‎name="uiMod‎e" value‎="mini"><param‎name="windo‎w less‎V ideo‎" value‎="0"><param‎name="fullS‎c reen‎" value‎="0"><param‎name="enabl‎e Erro‎r Dial‎o gs" value‎="-1"><param‎name="SAMIS‎t yle" value‎><param‎name="SAMIL‎a ng" value‎><param‎name="SAMIF‎i lena‎m e" value‎></objec‎t>下面是一些‎常用的方法‎和属性：//基本属性URL:Strin‎g; 指定媒体位‎置，本机或网络‎地址uiMod‎e:Strin‎g; 播放器界面‎模式，可为Ful‎l, Mini, None, Invis‎i bleplayS‎t ate:integ‎e r; 播放状态，1=停止，2=暂停，3=播放，6=正在缓冲，9=正在连接，10=准备就绪enabl‎e Cont‎e xtMe‎n u:Boole‎a n; 启用/禁用右键菜‎单（也是简单的‎防盗链方法‎）fullS‎c reen‎:boole‎a n; 是否全屏显‎示//播放器控制‎属性contr‎o ls.play; 播放contr‎o ls.pause‎;暂停contr‎o ls.stop; 停止contr‎o ls.curre‎n tPos‎i tion‎:doubl‎e; 当前进度contr‎o ls.curre‎n tPos‎i tion‎S trin‎g:strin‎g; 当前进度，字符串格式‎。

用JavaScript js 控制 Media Player 流媒体

[css]view plain copy print?1.在Web页中嵌入Media Player的方法比较简单，只要用HTML中的可以了，如下所示。

2.CLASSID="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95"3.CODEBASE="/activex/controls/mplayer/en/4.nsmp2inf.cab#Version=6,4,5,715"5.STANDBY="Loading Microsoft? Windows Media? Player components..."6.TYPE="application/x-oleobject">7.其中ID是对象的名称，当用户在<a href="/base/javascript" class='replace_word' title="JavaScript知识库" target='_blank' style='color:#df3434; font-weight:bold;'>JavaScript</a>要对Media Player进行控制时可以用该对象的名称WMPlay进行访问。

CODEBASE指明当用户的浏览器中没有安装Player控件时可以从该URL指定的位置去获取。

8.当然在建立Player对象时也可以用来为其指定参数。

9.其中"FileName"参数表示Media Player要播放的文件活或流。

"ShowControls"表示在播放时是否显示控制条。

Media Player的参数很多，我们在此不再一一详述。

读者如果需要了解更详细的内容可以参考Media Player SDK中的相关部分。

用JavaScript js 控制 Media Player 流媒体

[css]view plain copy print?1.在Web页中嵌入Media Player的方法比较简单，只要用HTML中的可以了，如下所示。

2.CLASSID="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95"3.CODEBASE="/activex/controls/mplayer/en/4.nsmp2inf.cab#Version=6,4,5,715"5.STANDBY="Loading Microsoft? Windows Media? Player components..."6.TYPE="application/x-oleobject">7.其中ID是对象的名称，当用户在<a href="/base/javascript" class='replace_word' title="JavaScript知识库" target='_blank' style='color:#df3434; font-weight:bold;'>JavaScript</a>要对Media Player进行控制时可以用该对象的名称WMPlay进行访问。

CODEBASE指明当用户的浏览器中没有安装Player控件时可以从该URL指定的位置去获取。

8.当然在建立Player对象时也可以用来为其指定参数。

9.其中"FileName"参数表示Media Player要播放的文件活或流。

"ShowControls"表示在播放时是否显示控制条。

Media Player的参数很多，我们在此不再一一详述。

读者如果需要了解更详细的内容可以参考Media Player SDK中的相关部分。

JS播放器

你用的是wmp控件的话，可以参考如下属性：
controls.currentPosition
这个属性可以用来控制当前歌曲播放的进度，可写，比如设置
document.getElementById("wmpid").controls.currentPosition = 18
就是将当前歌曲进到18秒，我没有试过非整数部分可不可以生效（应该是可以的）
另外查找资料的时候发现了这篇文章
/article/24207.htm
可以作为参考
controause; 暂停
controls.stop; 停止
controls.currentPosition:double; 当前进度
controls.currentPositionString:string; 当前进度，字符串格式。如“00:23”
加入滑块也很简单，网上有很多drag类，加一个进去稍微调整一下就比较好了
顺便也贴一下wmp组件的基本属性吧，LZ如果没有的话可以稍微参考一下
URL:String; 指定媒体位置，本机或网络地址
uiMode:String; 播放器界面模式，可为Full, Mini, None, Invisible
currentPlaylist.count:integer; 当前播放列表所包含媒体数
currentPlaylist.Item[integer]; 获取或设置指定项目媒体信息，其子属性同wmp.currentMedia
播放器界面做的很不错，请继续努力
------
问题补充：
那么 wmp在Firefox下如何控制？
controls.currentPositionString

网页中的播放器JS脚本

<br>音量控制:<br>
<input type="button" value="最小" onclick="rpl.SetVolume(0)">
<input type="button" value="音量-" onclick="if(rpl.GetVolume()>9){rpl.SetVolume(rpl.GetVolume()-10)}">
<param name="imagestatus" value="1">
<param name="LOOP" value="-1">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">

<input type="button" value="音量+" onclick="rpl.SetVolume(rpl.GetVolume()+10)">
<input type="button" value="最大" onclick="rpl.SetVolume(100)">
<input type="button" value="当前音量" onclick="alert(rpl.GetVolume())">

JavaScript实现简单音乐播放器

JavaScript实现简单⾳乐播放器该篇⽂章会教你通过JavaScript制作⼀个简单的⾳乐播放器。

包括播放、暂停、上⼀曲和下⼀曲。

阅读本⽂章你需要对HTML、CSS和Javascript有基本的了解。

话不多说，先上图。

这样看起来有点单调。

我们把它加在⽹页上试试。

好了，成品已经展⽰了接下来，开⼲吧！<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><link rel="stylesheet" href="css/music.css"></head><body><audio src="" id="mymusic"></audio><div class="music"><div class="pic_div"> <img src="images/music/pictures/disc.png" alt="" class="disc"> <img src="images/music/pictures/default.jpg" alt="" id="music_pic"> <span class="dot"></span> <div class="music_program"><div id="prograss"></div></div><div class="time"><p><span id="currenttime">0:00</span><span>/</span><span id="duration">0:00</span></p></div><div class="music_menu"> <span onClick="backMusic()"></span> <span onClick="playPause()" id="playbtn"></span> <span onClick="nextMusic()"></span> </div></div></div></body><script src="js/music.js"></script></html>先建好基本的HTML框架。

JavaScript实现的在线音乐播放器设计与优化

JavaScript实现的在线音乐播放器设计与优化随着互联网的普及和发展，在线音乐播放器已经成为人们日常生活中不可或缺的一部分。

JavaScript作为一种前端开发语言，在实现在线音乐播放器方面具有得天独厚的优势。

本文将介绍如何使用JavaScript来设计和优化一个在线音乐播放器，以提供更好的用户体验。

一、基本功能设计1. 播放控制功能在线音乐播放器的核心功能是播放控制，包括播放、暂停、上一首、下一首、音量调节等功能。

通过JavaScript可以轻松实现这些功能，并且可以根据用户的操作进行相应的响应。

2. 播放列表管理用户可以通过播放列表管理自己喜欢的音乐，包括添加歌曲、删除歌曲、清空列表等操作。

JavaScript可以帮助我们实现这些功能，并且可以将播放列表保存在本地，以便下次访问时能够恢复之前的状态。

3. 歌曲信息显示在线音乐播放器需要显示歌曲的信息，包括歌曲名称、歌手、专辑封面等。

通过JavaScript可以动态更新这些信息，使用户能够清晰地了解当前正在播放的歌曲信息。

二、界面设计优化1. 响应式设计在设计在线音乐播放器界面时，需要考虑不同设备上的显示效果。

通过JavaScript可以实现响应式设计，使播放器能够适配不同大小的屏幕，并提供更好的用户体验。

2. 自定义皮肤为了提升用户体验，可以为在线音乐播放器添加自定义皮肤功能。

用户可以根据自己的喜好选择不同的皮肤样式，JavaScript可以帮助我们实现这一功能。

3. 播放器控件优化在设计播放器控件时，需要考虑到用户操作的便捷性。

通过JavaScript可以实现控件的优化，包括按钮样式、拖动条设计等，使用户能够更加方便地操作音乐播放器。

三、性能优化1. 资源加载优化为了提升在线音乐播放器的加载速度，可以对资源进行合并压缩，并使用CDN加速技术。

JavaScript可以帮助我们实现资源加载优化，减少页面加载时间，提升用户体验。

2. 缓存机制优化通过使用浏览器缓存技术，可以减少对服务器资源的请求次数，提高页面加载速度。

videojs 状态方法

videojs 状态方法
Video.js 是一个流行的开源 HTML5 视频播放器库，它提供了丰富的 API 方法来控制视频播放器的状态。

以下是一些常用的状态方法：
1. play(): 这个方法可以让视频开始播放。

2. pause(): 调用这个方法可以让视频暂停播放。

3. currentTime(): 这个方法可以获取或设置视频的当前播放时间。

4. duration(): 调用这个方法可以获取视频的总时长。

5. volume(): 这个方法可以获取或设置视频的音量。

6. muted(): 调用这个方法可以获取或设置视频的静音状态。

7. ended(): 这个方法可以判断视频是否已经播放完毕。

8. buffered(): 调用这个方法可以获取视频已缓冲的时间范围。

9. seekable(): 这个方法可以获取视频可以跳转的时间范围。

10. playbackRate(): 调用这个方法可以获取或设置视频的播
放速率。

这些方法可以帮助你在使用 Video.js 播放器时控制视频的状态，实现更加丰富的交互和功能。

希望这些信息能够帮助到你。

js video标签方法

js video标签方法在JavaScript中，你可以使用HTML5的video标签来操作视频。

下面是一些常见的方法：1. 播放视频：你可以通过JavaScript来控制视频的播放。

使用video标签的play()方法来开始播放视频。

示例代码如下：var myVideo = document.getElementById("myVideo");myVideo.play();2. 暂停视频：你可以使用pause()方法来暂停视频的播放。

示例代码如下：var myVideo = document.getElementById("myVideo");myVideo.pause();3. 获取和设置视频的当前时间：你可以通过currentTime属性来获取或设置视频的当前播放时间。

示例代码如下：var myVideo = document.getElementById("myVideo");var currentTime = myVideo.currentTime; // 获取当前时间。

myVideo.currentTime = 10; // 设置当前时间为10秒。

4. 监听视频事件：你可以使用JavaScript来监听视频的各种事件，比如播放、暂停、结束等。

示例代码如下：var myVideo = document.getElementById("myVideo");myVideo.onplay = function() {。

console.log("视频开始播放");}。

myVideo.onended = function() {。

console.log("视频播放结束");}。

// 其他事件类似。

5. 控制音量：你可以使用volume属性来控制视频的音量，取值范围是0.0到1.0。

JavaScript实现的在线音乐播放器开发

JavaScript实现的在线音乐播放器开发随着互联网的普及和发展，人们获取音乐的方式也越来越多样化，其中在线音乐播放器成为了人们日常生活中不可或缺的一部分。

在这篇文章中，我们将探讨如何使用JavaScript来开发一个简单而功能强大的在线音乐播放器。

1. 概述在线音乐播放器是一种基于Web技术的应用程序，通过浏览器即可实现在线播放音乐的功能。

使用JavaScript语言可以轻松地操作DOM元素、控制音频文件的播放、暂停、调整音量等功能，从而实现一个完整的音乐播放器。

2. 准备工作在开始开发之前，我们需要准备以下工作：音频文件：准备好需要播放的音频文件，可以是mp3、wav等格式。

HTML结构：创建一个包含播放器控件的HTML页面。

CSS样式：美化播放器界面，使其更加吸引人。

JavaScript代码：编写控制音乐播放的JavaScript代码。

3. HTML结构首先，我们需要在HTML中创建播放器所需的DOM结构，包括播放/暂停按钮、音量控制、进度条等元素。

以下是一个简单的HTML结构示例：示例代码star：编程语言：html<div id="music-player"><audio id="audio-player" src="music.mp3"></audio><button id="play-pause-button">Play</button><input type="range" id="volume-control" min="0" max="100" value="50"><input type="range" id="progress-bar" min="0"max="100" value="0"></div>示例代码end4. CSS样式接下来，我们可以使用CSS样式对播放器进行美化，使其看起来更加专业和吸引人。

JS网页播放器控制命令

JS网页播放器控制命令player.controls.play(); 播放player.controls.stop(); 停止player.controls.pause(); 暂停player.controls.currentPosition 返回播放文件的当前时间位置（以秒为单位）player.controls.currentPositionString 时间格式的字符串 "0:32"player.currentMedia.duration 返回播放文件的总长度（以秒为单位）player.currentMedia.durationString 时间格式的字符串 "4:34"player.settings.volume 音量（0-100）player.settings.balance 声道，通过它应该可以进行立体声、左声道、右声道的控制。

但对应的取值尚不清楚。

player.settings.mute = s 静音（s取值为true和false）player.closedCaption.CaptioningID 网页中出现字幕的容器的IDplayer.closedCaption.SAMIFileName 字幕文件地址player.playState 返回播放器状态（3：正在播放，2：暂停1：已停止）====================================== ================REAL PLAYER控制player.DoPlay() 播放player.DoPause() 暂停player.DoStop() 停止player.GetLength() 返回播放文件的总长度（以毫秒为单位）player.GetPosition() 返回播放文件的当前时间位置（以毫秒为单位）player.GetPlayState() 返回播放器状态（0:停止,1:连接,2:缓冲,3:播放,4:暂停,5:寻找）player.SetPosition(n) 时间位置跳到n的地方（n取值以毫秒为单位）player.SetVolume(n) 设置音量（n取值为0到100）player.SetMute(s) 静音（s取值为true和false）player.SetFullScreen() 全屏player.setSource() 设置文件来源。

js实现网页音乐播放器

js实现⽹页⾳乐播放器本⽂为⼤家分享了简单的html，⾳乐播放器制作代码，供⼤家参考，具体内容如下⾸先第⼀步找图⽚资源⾳乐资源放⼊到img⽂件夹中第⼆步对页⾯布局进⾏布置第三步书写js代码复制代码运⾏的时候需要将图⽚资源，⾳乐资源换个名称。

运⾏实现图⽚的切换，效果如图：代码如下：希望各位喜欢<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><style type="text/css">* {margin: 0;padding: 0;}body{background-color:#596653;}.yinyue {width: 300px;height: 300px;border: 1px solid aqua;margin:50px 500px;}.bofang {width: 100px;height: 100px;background-color: aqua;}.muted ,.play,.prefer,.next{width: 60px;height: 30px;background-color: aquamarine;text-align: center;line-height: 30px;}#kongzhi ,#shangxia {margin: 10px 530px;}</style></head><body><div id="content"><img class="yinyue" src="img/yinyue1.jpg" ><audio src="img/yinyue1.mp3" ></audio><div id="anniu"><div id="kongzhi"><button class="muted" type="button" >静⾳</button><img class="bofang" src="img/播放.png" ><button class="play" type="button" >播放</button></div><div id="shangxia"><button class="prefer" type="button">上⼀⾸</button><span>⾳量</span><input class="volume" type="range" min="0" max="1"step="0.01" /> <button class="next" type="button">下⼀⾸</button></div></div></div><script type="text/javascript">var index=0;var srcs=['img/yinyue1.mp3','img/yinyue2.mp3','img/yinyue3.mp3'];var imgArr=['img/yinyue1.jpg','img/yinyue2.jpg','img/yinyue3.jpg']; var audio =document.querySelector("audio");var playBtn =document.querySelector(".play");var mutedBtn =document.querySelector(".muted");var volumnBtn=document.querySelector(".volume");var bofang= document.querySelector('.bofang');var prefer =document.querySelector(".prefer");var nextBtn=document.querySelector(".next");var yinyue =document.querySelector(".yinyue")playBtn.onclick=function(){if(audio.paused===true){audio.play();bofang.src='img/播放.png';audio.value="播放";}else{audio.pause();bofang.src ='img/暂停.png';audio.value="暂停";}}mutedBtn.onclick=function(){if(audio.muted==true){audio.muted=false;}else{audio.muted=true;bofang.src ='img/静⾳.png';}}volumnBtn.onchange=function(){audio.volume=volumnBtn.value;}prefer.onclick=function(){index--;if(index<0){index=srcs.length-1;}audio.srcs=srcs[index];yinyue.src=imgArr[index];}nextBtn.onclick=function(){index++;if(index==srcs.length){index=0;}audio.src=srcs[index];yinyue.src=imgArr[index];}</script></body></html>以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。

js控制网页背景音乐播放与停止的方法

js控制⽹页背景⾳乐播放与停⽌的⽅法本⽂实例讲述了js控制⽹页背景⾳乐播放与停⽌的⽅法。

分享给⼤家供⼤家参考。

具体实现⽅法如下：复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>js控制背景⾳乐bgsound的⽅法(开始与停⽌)</title></head><body><script type="text/javascript">var bg_sound=document.createElement_x("bgsound");//创建背景⾳乐bg_sound.id="i_bg"//设置id属性document.body.appendChild(bg_sound);//body中添加背景⾳乐//bg_sound.src="tmp3.mp3";i_bg.src="tmp3.mp3";//设置⼀个背景⾳乐⽂件//应该也可以⽤write写出来，可以试下效果。

function bg_stop(){i_bg.src="";}function bg_start(){i_bg.src="tmp3.mp3";}</script><span ><a onclick="javascript:bg_stop();" href="javascript:void(0);">背景⾳乐停⽌</a></span> <span ><a onclick="javascript:bg_start();" href="javascript:void(0);">背景⾳乐开始</a></span></body></html>希望本⽂所述对⼤家的javascript程序设计有所帮助。

js控制wmplayer

<html><head><script language="JavaScript" type="text/javascript"> var state;//初始化function playerinit(){player.url="music/beyond.mp3";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 onload="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="'></a>";break;case 11:playerinfo.innerHTML = "11";break;default:playerinfo.innerHTML = "";}</script></body></html>javascript控制realplayer对象使用转自：<object ID="javademo" CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT="280" WIDTH="200"><param name="AUTOSTART" value="0"><param name="SHUFFLE" value="0"><param name="PREFETCH" value="0"><param name="NOLABELS" value="0"><param name="SRC" value="/yy.wma"><param name="CONTROLS" value="ImageWindow"><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>//控制开始<input type=button value=play onclick="javademo.DoPlay()"><input type=button value=pause onclick="javademo.DoPause()"><input type=button value=stop onclick="javademo.DoStop()">REAL PLAYER控制player.DoPlay() 播放player.DoPause() 暂停player.DoStop() 停止player.GetLength() 返回播放文件的总长度（以毫秒为单位）player.GetPosition() 返回播放文件的当前时间位置（以毫秒为单位）player.GetPlayState() 返回播放器状态（0:停止,1:连接,2:缓冲,3:播放,4:暂停,5:寻找）player.SetPosition(n) 时间位置跳到n的地方（n取值以毫秒为单位）player.SetVolume(n) 设置音量（n取值为0到100）player.SetMute(s) 静音（s取值为true和false）player.SetFullScreen() 全屏player.setSource() 设置文件来源media player控制player.controls.play(); 播放player.controls.stop(); 停止player.controls.pause(); 暂停player.controls.currentPosition 返回播放文件的当前时间位置（以秒为单位）player.controls.currentPositionString 时间格式的字符串"0:32"player.currentMedia.duration 返回播放文件的总长度（以秒为单位）player.currentMedia.durationString 时间格式的字符串"4:34"player.settings.volume 音量（0-100）player.settings.balance 声道，通过它应该可以进行立体声、左声道、右声道的控制。

使用javascript控制浏览器窗口的技巧源代码大全

使用javascript控制浏览器窗口的技巧源代码大全使用javascript控制浏览器窗口的技巧源代码大全本文收集使用javascript控制浏览器窗口技巧的源代码：1）在网页中使用javascript打开没有最大化、最小化和关闭按钮的窗口；2）屏蔽浏览器中使用按键（如ALT+F4、Ctrl+N等）；……（不断更新……）一、在网页中使用javascript打开没有最大化、最小化和关闭按钮的窗口1.window.open(2."url",3."_blank",4."fullscreen=3,titlebar=no,toolbar=no,location=no,directo ries=no,status=no,menubar=no,scrollbars=no,resizable=yes,ed ge:Raised,left=0,top=0,width=200,height=300",5.false6.);上面这段代码大家应该很熟悉了，跟一般打开窗口的代码只有两个地方不同：fullscreen 属性的值在这里被设置成3了，还多了一个edge:Raised参数，注意edge参数的格式，这个参数跟其他参数的格式不一样．(/article/68132.shtm)二、屏蔽浏览器中使用按键（如ALT+F4、Ctrl+N等）在网站应用程序开发过程中，有时需要控制按键。

那怎样来屏蔽浏览器中使用按键（如ALT+F4、Ctrl+N等）呢？请看以下源代码：1.//屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键等2.function KeyDown()3.{4.//alert("ASCII代码是："+event.keyCode);5.if ((window.event.altKey)&6.((window.event.keyCode==37)|| //屏蔽 Alt+ 方向键←7.(window.event.keyCode==39))) //屏蔽 Alt+ 方向键→8.{9.alert("不准你使用ALT+方向键前进或后退网页！");10.event.returnValue=false;11.}12.13.if ((event.keyCode==8)|| //屏蔽退格删除键14.(event.keyCode==116)|| //屏蔽 F5 刷新键15.(event.keyCode==112)|| //屏蔽 F1 刷新键16.(event.ctrlKey && event.keyCode==82)) //Ctrl + R17.{18.event.keyCode=0;19.event.returnValue=false;20.}21.22.if ((event.ctrlKey)&&(event.keyCode==78)) //屏蔽 Ctrl+n23.event.returnValue=false;24.25.if ((event.shiftKey)&&(event.keyCode==121)) //屏蔽 shift+F1026.event.returnValue=false;27.28.if (window.event.srcElement.tagName == "A" && win dow.event.shiftKey)29.window.event.returnValue = false; //屏蔽 shift 加鼠标左键新开一网页30.31.if ((window.event.altKey)&&(window.event.keyCode==115)) //屏蔽Alt+F432.{33.window.showModelessDialog("about:blank","","dialog Width:1px;dialogheight:1px");34.return false;35.}36.}()三、IE6、IE7、Firefox无提示关闭窗口的代码第1种方法:IE6:<script>window.opener=null;window.close();</script>IE7:<script>window.open('','_self');window.close();</script>IE6、IE7、FF通用代码：<script>window.opener=null;window.open('','_self');window.close();</script>第2种方法:<a href="javascript:window.close()">Default Close</a><ahref="javascript:window.operner="x";window.close()">CloseIE6</a><a href="javascript:window.open('','_top'); window.top.close();">Close IE7</a>(/wonsoft/archive/2008/06/04/2509410. aspx)。