WPF/E CTP Quick Start - 第八部分:媒体(翻译)
2016-07-29 00:00
513 查看
WPF/E提供了MediaElement对象,可以让您在页面中播放WMV(Windows Media Video)和WMA(Windows Media Audio)文件。
这篇文档包含了以下部分:
在页面中添加媒体信息
有用的MediaElement属性
交互式地控制媒体的播放
下面该做什么呢?
在页面中添加媒体信息
如果需要在页面中添加媒体信息,您需要创建一个MediaElement元素,并将它的Source属性指向您的媒体文件。下面则是一个示例:
重新开始查看内容
就像其它UIElement对象一样,您可以在MediaElement对象之上绘制图形。下面的示例将在上一个例子的基础上,将一个Ellipse添加到MediaElement元素之上。
重新开始查看内容
有用的MediaElement属性
MediaElement对象除了它作为一个UIElement对象所具有的属性,例如Opacity和Clip之外,还有一些额外的属性。MediaElement提供了一些媒体专有的属性:
Stretch:指定了一个视频是如何缩放以填充MediaElement元素的。它可能的值有None、Uniform、UniformToFill和Fill。它的默认值为Fill。请参考WPF/E的SDK中关于Stetch属性的部分,以获得更多信息。
IsMuted:指定了MediaElement是否静音,把它设为True就能使MediaElement静音,它的默认值为False。
Volume:使用0到1之间的值指定MediaElement的音量,1表示最响。它的默认值为0.5。
请参考WPF/E的SDK以得到更多MediaElement的属性信息。
交互式地控制媒体的播放
您可以使用play、pause和stop等方法交互式地控制媒体的播放。下面的示例使用了play、pause和stop方法来交互式地控制媒体的播放。
重新开始查看内容
下面该做什么呢?
在下一部分“动画”中,您会了解如何使用标记来定义动画,以及EventTrigger和Storyboard对象的使用方式。
这篇文档包含了以下部分:
在页面中添加媒体信息
有用的MediaElement属性
交互式地控制媒体的播放
下面该做什么呢?
在页面中添加媒体信息
如果需要在页面中添加媒体信息,您需要创建一个MediaElement元素,并将它的Source属性指向您的媒体文件。下面则是一个示例:
<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <MediaElement Source="xbox.wmv" Width="300" Height="300" /> </Canvas>
重新开始查看内容
就像其它UIElement对象一样,您可以在MediaElement对象之上绘制图形。下面的示例将在上一个例子的基础上,将一个Ellipse添加到MediaElement元素之上。
<Canvas Width="300" Height="300" xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <MediaElement Source="xbox.wmv" Width="300" Height="300" /> <Ellipse Height="200" Width="200" Canvas.Left="30" Canvas.Top="30" Stroke="Black" StrokeThickness="10" Fill="SlateBlue" Opacity="0.6" /> </Canvas>
重新开始查看内容
有用的MediaElement属性
MediaElement对象除了它作为一个UIElement对象所具有的属性,例如Opacity和Clip之外,还有一些额外的属性。MediaElement提供了一些媒体专有的属性:
Stretch:指定了一个视频是如何缩放以填充MediaElement元素的。它可能的值有None、Uniform、UniformToFill和Fill。它的默认值为Fill。请参考WPF/E的SDK中关于Stetch属性的部分,以获得更多信息。
IsMuted:指定了MediaElement是否静音,把它设为True就能使MediaElement静音,它的默认值为False。
Volume:使用0到1之间的值指定MediaElement的音量,1表示最响。它的默认值为0.5。
请参考WPF/E的SDK以得到更多MediaElement的属性信息。
交互式地控制媒体的播放
您可以使用play、pause和stop等方法交互式地控制媒体的播放。下面的示例使用了play、pause和stop方法来交互式地控制媒体的播放。
<Canvas Width="300" Height="300" xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <MediaElement x:Name="media" Source="xbox.wmv" Width="300" Height="300" /> <!-- Stops media playback.--> <Canvas MouseLeftButtonDown="javascript:media_stop" Canvas.Left="20" Canvas.Top="260"> <Rectangle Stroke="Black" Height="40" Width="40" RadiusX="5" RadiusY="5"> <Rectangle.Fill> <RadialGradientBrush GradientOrigin="0.75,0.25"> <GradientStop Color="Orange" Offset="0.0" /> <GradientStop Color="Red" Offset="1.0" /> </RadialGradientBrush> </Rectangle.Fill> </Rectangle> <TextBlock Canvas.Left="5" Canvas.Top="5">stop</TextBlock> </Canvas> <!-- Pauses media playback. --> <Canvas MouseLeftButtonDown="javascript:media_pause" Canvas.Left="70" Canvas.Top="260"> <Rectangle Stroke="Black" Height="40" Width="50" RadiusX="5" RadiusY="5"> <Rectangle.Fill> <RadialGradientBrush GradientOrigin="0.75,0.25"> <GradientStop Color="Yellow" Offset="0.0" /> <GradientStop Color="Orange" Offset="1.0" /> </RadialGradientBrush> </Rectangle.Fill> </Rectangle> <TextBlock Canvas.Left="5" Canvas.Top="5">pause</TextBlock> </Canvas> <!-- Begins media playback. --> <Canvas MouseLeftButtonDown="javascript:media_begin" Canvas.Left="130" Canvas.Top="260"> <Rectangle Stroke="Black" RadiusX="5" RadiusY="5" Height="40" Width="50"> <Rectangle.Fill> <RadialGradientBrush GradientOrigin="0.75,0.25"> <GradientStop Color="LimeGreen" Offset="0.0" /> <GradientStop Color="Green" Offset="1.0" /> </RadialGradientBrush> </Rectangle.Fill> </Rectangle> <TextBlock Canvas.Left="5" Canvas.Top="5">play</TextBlock> </Canvas> </Canvas>
function media_stop(sender, args) { sender.findName("media").stop(); } function media_pause(sender, args) { sender.findName("media").pause(); } function media_begin(sender, args) { sender.findName("media").play(); }
重新开始查看内容
下面该做什么呢?
在下一部分“动画”中,您会了解如何使用标记来定义动画,以及EventTrigger和Storyboard对象的使用方式。
相关文章推荐
- WPF/E CTP Quick Start - 第一部分:创建一个WPF/E项目(翻译)
- WPF/E CTP Quick Start - 第十一部分:示例控件(翻译)
- WPF/E CTP Quick Start - 第九部分:动画(翻译)
- WPF/E CTP Quick Start - 第四部分:绘图与填充(翻译)
- 为URL生成设计流畅接口(Fluent Interface)
- java类文件获取页面的request,session.response
- 解决MySQL连接超时Communications link failure due to underlying exception
- UI的恶梦
- Jenkins进阶系列之——16一个完整的JENKINS下的ANT BUILD.XML文件
- ubuntu14.04禁用guest用户登录
- signavio\editor\build.xml:118: Java returned: 2 编译错误
- Java集合框架官方教程(2):Queue/Deque/Map接口
- 数学图形(1.38)anguinea曲线
- [LintCode] Longest Increasing Continuous subsequence II
- Dynamic Programming | Set 3 (Longest Increasing Subsequence)
- [LeetCode] Unique Paths && Unique Paths II && Minimum Path Sum (动态规划之 Matrix DP )
- [LeetCode] Longest Consecutive Sequence
- 混沌数学之CircuitChaotic(二维离散电路混沌系统)
- INTERESTING AND OBSCURE INHERITANCE ISSUES WITH CPP
- Dynamic Programming | Set 4 (Longest Common Subsequence)