WPF/E 实现页面嵌入播放器示例

最新推荐文章于 2023-05-10 16:56:54 发布

accpyy

最新推荐文章于 2023-05-10 16:56:54 发布

阅读量652

点赞数

分类专栏： WCF/WPF 文章标签： webform javascript html application web服务脚本

WCF/WPF 专栏收录该内容

0 篇文章

订阅专栏

本文介绍如何使用WPF/E技术在网页中嵌入媒体播放器。通过创建WPF/E应用程序并将其嵌入ASPX页面，实现点击按钮触发媒体文件播放。涉及XAML、JavaScript交互及媒体元素应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现该例子一定要安装 WPF/E和SDK。

1、新建一个wpf/e Javascript Application。

2、修改 plugin.xaml，增加 MediaElement 元素（红色粗体部分）

3、增加一个新的.aspx页面，命名为webform1.aspx。把default.html里源html代码复制粘贴到webform1.aspx里（只保留第一行page指令）。完成后webform1.aspx为：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WPFEJSApplication1.WebForm1" %>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
    <script type="text/javascript" src="js/aghost.js"></script>
    <script type="text/javascript" src="js/eventhandlers.js"></script>
</head>
<body>
    <form>
        <div id="wpfeControl1Host" >
            <script type="text/javascript">
             new agHost("wpfeControl1Host", // hostElementID (HTML element to put WPF/E control into)
                        "wpfeControl1",     // ID of the WPF/E ActiveX control we create
                        "400",              // Width
                        "400",              // Height
                        "white",            // Background color
                        null,               // SourceElement (name of script tag containing xaml)
                        "plugin.xaml",      // Source file
                        "false",            // IsWindowless
                        "30",               // MaxFrameRate
                        null                // OnError handler
                       );
            </script>
        </div>
    </form>
</body>
</html>

4、在webform1.aspx的<head>里增加播放媒体的脚本：

5、打开js目录里的eventhandlers.js，在handlemouseup方法最后增加开始播放的脚本：

function handleMouseUp(sender, eventArgs) {
var gradientStop1 = sender.findName("gradientStop1");
var gradientStop2 = sender.findName("gradientStop2");
gradientStop1.offset = 1;
gradientStop2.offset = .403;

alert("Clicked");
playMedia();
}

6、设置webform1.aspx为起始页，按f5调试运行。在打开的ie中重新输入url为http://你的Web服务器/WebForm1.aspx?src=http://localhost/test.wmv 。后面跟的 src= 参数为你所要播放的媒体文件的地址。至此，效果图如下。你按Click Me后，弹出"Clicked"对话框，按确定后开始播放媒体文件。