入门6-Silverlight 1.0中多媒体影音的实现
2008-01-26 23:18
267 查看
入门6-Silverlight 1.0中多媒体影音
接着介绍一下Silverlight 1.0多媒体影音,目前Silverlight 1.0只支持WMA,WP3,WMV这三种格式,随着以后Silverlight新版本的推出,相信会有更多的影音格式会被支持。以下给出应用简图:
=================================================
|MP3|
|Audio|--
|MediaElement|--| |WMA|
|Video|--|WMV|
Silverlight影音--
|VideoBrush|
=================================================
Silverlight中Audio和Video的播放是通过<MediaElement... />来声明实现的,其用法如下:
=================================================
<MediaElement
Source="文件名称"
Volume="音量大小"
Balance="左右声道平衡"
AutoPlay="自动播放"
BufferingTime="缓冲时间"
Position="媒体播放的时间位置"
IsMuted="静音" >
</MediaElement>
=================================================
重要属性说明:
Volume 在0~1之间取值,默认值是0.5;0为最小,1为最大;
Balance 在-1~1之间取值,默认值是0;-1则表示100%由左边的声道发出,1则表示100%由右边的声道发出;0表示两个声道都发声
,且声响相同;
AutoPlay 取值为true或false,默认值为true;true表示自动播放,false不能自动播放;
BufferingTime
Position 默认值为00:00:00;
IsMuted 取值为true或false,默认值为false;true表示静音,false表示非静音;
以<MediaElement来播放Audio的用法如下:
<MediaElement Source="文件名称" /MediaElement>
看以下示例代码--
代码1:
=====================================
<Canvas xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Canvas>
<TextBlock FontFamily="Arial Black" FontSize="30" Foreground="Pink" >Audio Playing...</TextBlock>
<MediaElement Source="MyAudio.wma" />
</Canvas>
</Canvas>
=====================================
将代码1粘贴到入门1中的myxaml.xaml文件中并保存,后双击入门1中的SampleHTMLPage.html文件,就可听到音乐。这里大家可以通过设置各个
属性值,来进行尝试,熟悉一下属性的用法。
注:MyAudio.wma这个音频文件必须与入门1中的四个文件放在相同一个文件夹里;当然也可以不放,不过这需要设置相对路径;
以<MediaElement来播放Video的用法与Audio的用法相同,看以下示例代码--
代码2:
=====================================
<Canvas xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Canvas x:Name="blank">
<MediaElement Source="MyVideo.wmv" Volume="0.7" Balance="-0.5" />
</Canvas>
</Canvas>
=====================================
这里大家也可以通过设置各个属性值,来进行尝试,熟悉一下属性的用法。
注:这里同样,MyVideo.wmv这个视频文件必须与入门1中的四个文件放在相同一个文件夹里;当然也可以不放,不过这需要设置相对路径;
这还需要强调一下,在Microsft Silverlight 1.0 SDK中自带的帮助文档中,有这样一段话:
=====================================
You can specify the height and width of the video display surface using the UIElement-defined properties Height and Width. However, for best performance, avoid explicitly setting the width and height of a MediaElement. Insead, leave the values unset. Once you specify a source, the media will display at its natural size, and layout will recalculate the size.
=====================================
为了得到最好的性能,不要设置<MediaElement ... />元素对象中的Width和Height属性值。在引用source文件时,media会在正常的位置上显示。
锐意进取 大胆创新
蒙哥马利 朱
接着介绍一下Silverlight 1.0多媒体影音,目前Silverlight 1.0只支持WMA,WP3,WMV这三种格式,随着以后Silverlight新版本的推出,相信会有更多的影音格式会被支持。以下给出应用简图:
=================================================
|MP3|
|Audio|--
|MediaElement|--| |WMA|
|Video|--|WMV|
Silverlight影音--
|VideoBrush|
=================================================
Silverlight中Audio和Video的播放是通过<MediaElement... />来声明实现的,其用法如下:
=================================================
<MediaElement
Source="文件名称"
Volume="音量大小"
Balance="左右声道平衡"
AutoPlay="自动播放"
BufferingTime="缓冲时间"
Position="媒体播放的时间位置"
IsMuted="静音" >
</MediaElement>
=================================================
重要属性说明:
Volume 在0~1之间取值,默认值是0.5;0为最小,1为最大;
Balance 在-1~1之间取值,默认值是0;-1则表示100%由左边的声道发出,1则表示100%由右边的声道发出;0表示两个声道都发声
,且声响相同;
AutoPlay 取值为true或false,默认值为true;true表示自动播放,false不能自动播放;
BufferingTime
Position 默认值为00:00:00;
IsMuted 取值为true或false,默认值为false;true表示静音,false表示非静音;
以<MediaElement来播放Audio的用法如下:
<MediaElement Source="文件名称" /MediaElement>
看以下示例代码--
代码1:
=====================================
<Canvas xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Canvas>
<TextBlock FontFamily="Arial Black" FontSize="30" Foreground="Pink" >Audio Playing...</TextBlock>
<MediaElement Source="MyAudio.wma" />
</Canvas>
</Canvas>
=====================================
将代码1粘贴到入门1中的myxaml.xaml文件中并保存,后双击入门1中的SampleHTMLPage.html文件,就可听到音乐。这里大家可以通过设置各个
属性值,来进行尝试,熟悉一下属性的用法。
注:MyAudio.wma这个音频文件必须与入门1中的四个文件放在相同一个文件夹里;当然也可以不放,不过这需要设置相对路径;
以<MediaElement来播放Video的用法与Audio的用法相同,看以下示例代码--
代码2:
=====================================
<Canvas xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Canvas x:Name="blank">
<MediaElement Source="MyVideo.wmv" Volume="0.7" Balance="-0.5" />
</Canvas>
</Canvas>
=====================================
这里大家也可以通过设置各个属性值,来进行尝试,熟悉一下属性的用法。
注:这里同样,MyVideo.wmv这个视频文件必须与入门1中的四个文件放在相同一个文件夹里;当然也可以不放,不过这需要设置相对路径;
这还需要强调一下,在Microsft Silverlight 1.0 SDK中自带的帮助文档中,有这样一段话:
=====================================
You can specify the height and width of the video display surface using the UIElement-defined properties Height and Width. However, for best performance, avoid explicitly setting the width and height of a MediaElement. Insead, leave the values unset. Once you specify a source, the media will display at its natural size, and layout will recalculate the size.
=====================================
为了得到最好的性能,不要设置<MediaElement ... />元素对象中的Width和Height属性值。在引用source文件时,media会在正常的位置上显示。
锐意进取 大胆创新
蒙哥马利 朱
相关文章推荐
- 入门6-Silverlight 1.0中多媒体影音的实现
- [Silverlight入门系列]实现局部元素全屏(Element部分全屏)
- [Silverlight入门系列]Prism中TreeView真正实现MVVM模式和Expanded发生时异步动态加载子节点(WCFRiaService)
- [Silverlight入门系列]实现局部元素全屏(Element部分全屏)
- Silverlight新手入门教程(主要介绍一些效果的基本实现和用法)1
- [Silverlight入门系列]使用MVVM模式(7):ViewModel的INotifyPropertyChanged接口实现
- 入门1--结合javascript制作一个简单的silverlight1.0例子
- [Silverlight入门系列]使用MVVM模式(3):Model的INotifyPropertyChanged接口实现
- 入门1--结合javascript制作一个简单的silverlight1.0例子
- [Silverlight入门系列]使用MVVM模式(4):Prism的NotificationObject自动实现INotifyPropertyChanged接口
- 入门3--了解silverlight 1.0 XAML提供的图形元素
- 用Silverlight 1.0实现一个基于客户端系统时间的电子表。
- 入门3--了解silverlight 1.0 XAML提供的图形元素
- 用Silverlight 1.0实现一个基于客户端系统时间的电子表。
- 入门2--了解silverlight 1.0 XAML提供的图形元素
- 入门2--了解silverlight 1.0 XAML提供的图形元素
- [Silverlight入门系列]不用ChildWindow的自定义MessageBox及其MVVM实现(1)
- silverlight中实现多媒体文件加载方法归总
- [Silverlight入门系列]实现局部元素全屏(Element部分全屏)
- Android ndk 入门5 - opencv实现