做了一个页面的视频播放器，功能简单，只是有些属性有记录意义。班门弄斧，请莫见笑！
功能：程序会检索指定目录下的文件，并形成文件列表显示在页面上，单击列表中的文件可以播放该文件。播放器可以以全屏方式显示，通过javascript脚本，获取播放文件的总时间和当前播放时间。时间匆忙，功能有限，有时间会将发掘的新功能加入其中，望大家批评斧正！
前台代码如下：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="WindowMediaPlayer.aspx.cs"
Inherits="Players_WindowMediaPlayer" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>window media player播放器</title>
<link href="../css/styles.css" type="text/css" rel="stylesheet" />
<script language="javascript" type="text/javascript">
<!--
/* ======================================================================================================== *
* 播放器属性参数一览
*
* document.wmp.PlayState;
* wmp.URL="" //播放媒体地址
* wmp.controls.play() //开始播放
* wmp.controls.stop() //停止播放
* wmp.controls.pause() //暂停播放
* wmp.settings.mute=true | false //控制是否静音
* wmp.fullScreen=true | false //控制是否全屏
*
* //获取播放机状态
* wmp.playState //播放机状态,共有1－10个状态,具体如下
* wmp.playState==1 //停止播放
* wmp.playState==2 //暂停播放
* wmp.playState==3 //正常播放
* wmp.playState==4 //向前搜索
* wmp.playState==5 //向后搜索
* wmp.playState==6 //缓冲处理
* wmp.playState==7 //等待反应
* wmp.playState==8 //播放完毕
* wmp.playState==9 //连接媒体
* wmp.playState==10 //准备就绪
*
* wmp.controls.currentPositionString //取得媒体当前位置,以形如 06:01 的时间形式显示
* wmp.controls.currentPosition //取得媒体当前位置,以形如 300.001 的秒数形式显示,精确到毫秒
* wmp.currentMedia.durationString //取得媒体总长度,以形如 06:01 的时间形式显示
* wmp.currentMedia.duration //取得媒体总长度,以形如 300.001 的秒数形式显示,精确到毫秒
* ====================================================================================================== */
// 获取播放器的全屏状态信息
function SetFullScreen()
{
document.wmp.fullScreen = true;
}
// 传递播放文件参数
function SelectFile(_value)
{
window.location = "WindowMediaPlayer.aspx?strFileName="+ _value;
}
// 获取播放器的播放状态
function GetMediaPlayerState()
{
document.getElementById("playerTotalTime").value = document.wmp.currentMedia.durationString;
document.getElementById("playerCurrentlyTime").value = document.wmp.controls.currentPositionString;
}
//-->
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table width="98%">
<tr>
<td colspan="2" align="center">
window media player播放器
</td>
</tr>
<tr>
<td style="width: 70%;" align="center">
<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="wmp">
<param name="URL" value="../playerdata/<%= strFileName%>" />
<!--媒体文件地址-->
<param name="rate" value="1" />
<param name="balance" value="0" />
<!--声道0全声道,-100左声道,100右声道-->
<param name="currentPosition" value="0" />
<param name="playCount" value="1" />
<!--播放次数-->
<param name="autoStart" value="0" />
<!--是否自动播放-1是,0否-->
<param name="currentMarker" value="0" />
<param name="invokeURLs" value="-1" />
<param name="volume" value="50" />
<!--音量-->
<param name="mute" value="0" />
<!--是否静音-1是,0否-->
<param name="uiMode" value="full" />
<!--播放器模式full(默认)显示全部控件,none仅视频窗口,mini视频及一些常用控件,invisiblei不显示任何控件及视频窗口-->
<param name="stretchToFit" value="0" />
<param name="windowlessVideo" value="0" />
<param name="enabled" value="-1" />
<param name="enableContextMenu" value="-1" />
<param name="fullScreen" value="0" />
<!--是否全屏-->
<param name="enableErrorDialogs" value="-1" />
<!--是否允许出错信息提示-->
</object>
<p>
<span onclick="SetFullScreen();" style="cursor: hand;">全屏播放</span>
</p>
总播放时间：<asp:TextBox ID="playerTotalTime" runat="server"></asp:TextBox>
<br />
当前播放时间：<asp:TextBox ID="playerCurrentlyTime" runat="server"></asp:TextBox>
<br />
<span onclick="GetMediaPlayerState();" style="cursor: hand;">手动获取状态</span>
</td>
<td style="width: 30%;" valign="top">
<table width="100%">
<tr>
<td align="center" style="height: 20px;">
选择文件
<hr />
</td>
</tr>
<!--显示指定目录中的文件列表-->
<div id="divFilesList" runat="server">
</div>
</table>
</td>
</tr>
</table>
</div>
<script language="javascript" type="text/javascript">
// 每隔一秒钟获取一次播放器的执行总时间和当前播放时间
//window.setTimeout(GetMediaPlayerState,1000); // 此方法未达到效果
var id=window.setInterval(GetMediaPlayerState,1000);
</script>
</form>
</body>
</html>
后台代码如下：
using System;
using System.Data;
using System.IO;
using System.Text;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class Players_WindowMediaPlayer : System.Web.UI.Page
{
public String strFileName = "";
protected void Page_Load(object sender, EventArgs e)
{
if (!this.Page.IsPostBack)
{
if (Request.QueryString["strFileName"] != null && !Request.QueryString["strFileName"].ToString().Equals(String.Empty))
{
strFileName = Request.QueryString["strFileName"].ToString();
}
GetFilesList();
}
}
// 获取文件列表
private void GetFilesList()
{
StringBuilder sb = new StringBuilder();
String strField = Server.MapPath("~/PlayerData/");
//针对当前目录建立目录引用对象
DirectoryInfo dirInfo = new DirectoryInfo(strField);
foreach (FileInfo fi in dirInfo.GetFiles())
{
sb.AppendFormat("<tr><td><span onclick=\"SelectFile('{0}');\">{0}</span></td></tr>",fi.Name);
}
sb.AppendFormat("<tr><td><hr></td></tr><tr align=\"right\"><td>共{0}个文件</td></tr>", dirInfo.GetFiles().Length.ToString());
divFilesList.InnerHtml = sb.ToString();
}
}
分享到：
相关推荐
网页播放器插件包制作涉及的关键技术点包括HTML嵌入播放器、插件包（.cab文件）制作、CLSIDs的使用以及CAB打包工具的运用。以下将详细阐述这些知识点： 1. HTML嵌入播放器： 在网页上实现视频播放通常通过HTML对象...
《FLV播放器制作源码解析与应用》 在网页媒体播放领域，FLV（Flash Video）格式曾广泛应用于在线视频播放，而制作一个能够播放此类视频的播放器是开发者们常常面临的需求。本篇文章将深入探讨“FLV播放器制作源码”...
本项目聚焦于“flv播放器的flash制作”，涵盖了如何利用Flash软件创建一个能够播放FLV格式视频的播放器，并实现与JavaScript的交互功能。下面将详细介绍这个主题中的关键知识点。 1. FLV格式：FLV（Flash Video）是...
HTML5视频播放器制作是现代网页开发中的一个重要组成部分，它利用HTML5的`<video>`标签来实现视频的播放功能，摆脱了对Flash等插件的依赖，提升了用户体验并增强了跨平台兼容性。在这个过程中，我们需要掌握以下几个...
【标题】：“页面mp3播放器制作” 在网页设计中，提供音频播放功能是一个常见的需求，这通常通过集成一个MP3播放器来实现。本文将详细介绍如何创建一个页面上的MP3播放器，以及如何利用开源工具和源码来简化这一...
本资源提供了一个页面精美的jQuery流媒体音乐播放器模板，适用于网站或博客，为用户带来流畅且互动性强的音乐播放体验。这个音乐播放器是基于jAudio库构建的，jAudio是一个轻量级且功能丰富的JavaScript库，专门用于...
`foot.htm`文件可能是播放器界面底部的部分，通常包含版权信息、链接或者其他页面元素。在Flash项目中，HTML可以被嵌入以实现与网页的交互，或者作为外部内容的容器，如动态加载的文本或图片。 `Player.swf`是编译...
总的来说，"微信小程序制作的音乐播放器"项目涵盖了前端开发、网络通信、数据存储、用户交互等多个方面的知识点，对开发者来说是一个很好的实践项目，不仅可以提升技术能力，还能深入了解微信小程序的生态系统。
在探讨“JSP中制作播放器”的主题时，我们不仅涉及了前端技术的应用，还深入到了多媒体处理领域，特别是如何在Web环境中嵌入并控制音频或视频内容。JSP（JavaServer Pages）作为服务器端脚本环境，允许开发者在HTML...
本知识点的描述中提到，将通过创建一个简单计算器的例子来帮助初学者入门MFC编程，从这个过程中，初学者可以学习到MFC的界面设计、控件使用、事件处理等基础知识，这与制作一个小型播放器的流程有很多相似之处。...
本案例中的"精品源码 / 网页模板 / 音乐播放器"是一个专门针对音乐播放功能的前端页面模板，旨在提供一个高科技且炫酷的用户体验。这个模板不仅能够展示音乐播放的基本功能，如播放、暂停、上一曲、下一曲，还可能...
综上所述，仿制网易云音乐页面的前端制作，不仅涉及到ArkTs编程语言的使用，还包括UI设计、多媒体处理、网络请求、数据管理等多个方面的HarmonyOS开发技术。通过这个项目，开发者可以深入理解HarmonyOS的开发流程和...
本文将详细介绍一个“实用的万能播放器介绍页面模板html”，并深入探讨其相关知识点。 首先，我们要理解HTML的基本结构。HTML由一系列的标签组成，这些标签定义了网页的各个部分，如标题、段落、图像、链接等。在...
此外，大文件的加载可能会导致页面响应变慢，因此可能需要引入预加载策略，如使用`poster`属性设置预览图，或者使用分段加载技术（如MPEG-DASH或HLS）来提高加载速度。 总的来说，"简易html5播放器"是一个利用...
首先，`index.htm`是网页的主文件，它通常包含了HTML结构，用于组织页面内容。在`<head>`部分，开发者可能引入了CSS样式表（通过链接`css`目录下的文件）和JavaScript文件（通过链接`js`目录下的文件），以实现图片...
1. **HTML**：HTML（超文本标记语言）是网页内容的基础框架，index.html文件即是此播放器的主页面。它可能包含了播放器的结构，如播放、暂停、音量控制等按钮的HTML元素，以及与JavaScript交互的事件监听器。 2. **...
2. **ss.htm**和**s.htm**：这两个可能是HTML页面，可能是播放器的设置界面或者用于显示歌曲列表或其他相关信息。 3. **crossdomain.xml**：这是一个跨域策略文件，允许播放器访问来自不同域名的资源，这对于获取...
这个"HTML5制作的精美前端音乐页面"项目展示了HTML5在创建交互式、动态音乐体验方面的强大功能。在这个压缩包中，包含了实现这样一个音乐播放页面所需的各种组件，包括CSS（层叠样式表）用于设计页面布局和样式，...
并且全面降低了为播放器制作皮肤的技术难度！希望大家在播放器发行后，多提这方面的使用意见以便让我们在这方面的技术更加成熟！另外，因此技术理念是我们第一次大胆尝试，难免有些欠妥和不便的地方，还请大家谅解！...
这个实验的第一步就是创建一个HTML页面，使用`<audio>`标签来定义音乐播放器的基础结构。`<audio>`标签的基本语法如下： ```html Your browser does not support the audio element. ``` 这里的`id`属性用于...