• 稳扎稳打Silverlight(18) 2.0视频之详解MediaElement, 开发一个简易版的全功能播放器


    [索引页]
    [源码下载]


    稳扎稳打Silverlight(18) - 2.0视频之详解MediaElement, 开发一个简易版的全功能播放器


    作者:webabcd


    介绍
    Silverlight 2.0 详解MediaElement:开发一个简易版的全功能播放器
        MediaOpened - 当媒体被成功地打开时所触发的事件
        MediaFailed - 当媒体未能被成功地打开时所触发的事件
        CurrentStateChanged - 播放状态(CurrentState)发生改变时所触发的事件
        DownloadProgressChanged - 下载进度(DownloadProgress)发生变化时所触发的事件
        MediaEnded - 当媒体播放到末尾时所触发的事件
        BufferingProgressChanged - 缓冲进度(BufferingProgress)发生变化时所触发的事件
        Source - 需要播放的媒体地址
        Stretch - 拉伸值
        AutoPlay - 是否自动播放媒体
        CurrentState - 播放状态
        Position - 媒体的位置
        DroppedFramesPerSecond - 媒体每秒正在丢弃的帧数
        BufferingProgress - 缓冲进度
        DownloadProgress - 下载进度
        NaturalDuration - 媒体文件的时长
        Volume - 音量大小
        Balance - 音量平衡
        BufferingTime - 需要缓冲的时间的长度
        CurrentState - 播放状态
        IsMuted - 是否静音
        Play() - 播放媒体
        Pause() - 暂停媒体的播放
        Stop() - 停止媒体的播放


    在线DEMO
    http://www.cnblogs.com/webabcd/archive/2008/10/09/1307486.html


    示例
    VideoPlayer.xaml
    <UserControl x:Class="Silverlight20.Video.VideoPlayer"
        xmlns
    ="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
        xmlns:x
    ="http://schemas.microsoft.com/winfx/2006/xaml">
        
    <StackPanel HorizontalAlignment="Left">
        
            
    <!--
            Source - 需要播放的媒体地址
            Stretch - 拉伸值 [System.Windows.Media.Stretch 枚举]。参见:本Demo的Shape/Shape.xaml
            AutoPlay - 是否自动播放媒体
            
    -->
            
    <MediaElement x:Name="mediaElement"
                    Width
    ="400" Height="200"
                    Source
    ="http://download.microsoft.com/download/2/0/5/205d8c39-3d55-4032-8195-7b0e6eda4cb6/WinVideo-SL-InstallExperience.wmv" 
                    Stretch
    ="Fill" 
                    AutoPlay
    ="False">
            
    </MediaElement>

            
    <Button x:Name="play" Content="播放" Margin="5" Click="play_Click" />
            
    <Button x:Name="pause" Content="暂停" Margin="5" Click="pause_Click" />
            
    <Button x:Name="stop" Content="停止" Margin="5" Click="stop_Click" />
            
    <Button x:Name="mute" Content="静音" Margin="5" Click="mute_Click" />

            
    <Slider x:Name="playSlider" Minimum="0" Maximum="1" Margin="5" ToolTipService.ToolTip="播放进度" ValueChanged="playSlider_ValueChanged" />
            
    <Slider x:Name="volumeSlider" Minimum="0" Maximum="1" Margin="5" ToolTipService.ToolTip="音量大小" ValueChanged="volumeSlider_ValueChanged" />
            
    <Slider x:Name="balanceSlider" Minimum="-1" Maximum="1" Margin="5" ToolTipService.ToolTip="音量平衡" ValueChanged="balanceSlider_ValueChanged" />

            
    <TextBlock x:Name="lblPlayTime" Margin="5" />
            
    <TextBlock x:Name="lblVolume" Margin="5" />
            
    <TextBlock x:Name="lblBalance" Margin="5" />

            
    <TextBlock x:Name="lblDownloadProgress" Margin="5" />
            
    <TextBlock x:Name="lblBufferingProgress" Margin="5" />
            
    <TextBlock x:Name="lblDroppedFramesPerSecond" Margin="5" />
            
    <TextBlock x:Name="lblState" Margin="5" />

            
    <TextBlock x:Name="lblWidth" Margin="5" />
            
    <TextBlock x:Name="lblHeight" Margin="5" />
            
    <TextBlock x:Name="lblTotalTime" Margin="5" />
            
    <TextBlock x:Name="lblBufferingTime" Margin="5" />

        
    </StackPanel>
    </UserControl>

    VideoPlayer.xaml.cs
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Net;
    using System.Windows;
    using System.Windows.Controls;
    using System.Windows.Documents;
    using System.Windows.Input;
    using System.Windows.Media;
    using System.Windows.Media.Animation;
    using System.Windows.Shapes;

    using System.Windows.Threading;

    namespace Silverlight20.Video
    {
        
    public partial class VideoPlayer : UserControl
        
    {
            
    // 媒体的时长
            private TimeSpan _duration;

            
    private DispatcherTimer _timer = new DispatcherTimer();

            
    public VideoPlayer()
            
    {
                InitializeComponent();

                
    this.Loaded += new RoutedEventHandler(VideoPlayer_Loaded);

                
    /*
                 * MediaOpened - 当媒体被成功地打开时所触发的事件
                 * MediaFailed - 当媒体未能被成功地打开时所触发的事件
                 * CurrentStateChanged - 播放状态(CurrentState)发生改变时所触发的事件
                 * DownloadProgressChanged - 下载进度(DownloadProgress)发生变化时所触发的事件(当下载增加量大于等于 0.05 或下载进度增加到 1 时会触发此事件)
                 * MediaEnded - 当媒体播放到末尾时所触发的事件
                 * BufferingProgressChanged - 缓冲进度(BufferingProgress)发生变化时所触发的事件(当缓冲增加量大于等于 0.05 或缓冲进度增加到 1 时会触发此事件)
                 
    */


                mediaElement.MediaOpened 
    += new RoutedEventHandler(mediaElement_MediaOpened);
                mediaElement.CurrentStateChanged 
    += new RoutedEventHandler(mediaElement_CurrentStateChanged);
                mediaElement.DownloadProgressChanged 
    += new RoutedEventHandler(mediaElement_DownloadProgressChanged);
                mediaElement.MediaEnded 
    += new RoutedEventHandler(mediaElement_MediaEnded);
                mediaElement.BufferingProgressChanged 
    += new RoutedEventHandler(mediaElement_BufferingProgressChanged);
            }


            
    void VideoPlayer_Loaded(object sender, RoutedEventArgs e)
            
    {
                
    // 每 500 毫秒调用一次指定的方法
                _timer.Interval = TimeSpan.FromMilliseconds(500);
                _timer.Tick 
    += new EventHandler(_timer_Tick);
                _timer.Start();
            }


            
    void _timer_Tick(object sender, EventArgs e)
            
    {
                
    // CurrentState - 播放状态 [System.Windows.Media.MediaElementState枚举]
                
    // Position - 媒体的位置(单位:秒)
                if (mediaElement.CurrentState == MediaElementState.Playing)
                
    {
                    lblPlayTime.Text 
    = string.Format(
                        
    "{0}{1:00}:{2:00}:{3:00}",
                        
    "播放进度:",
                        mediaElement.Position.Hours,
                        mediaElement.Position.Minutes,
                        mediaElement.Position.Seconds);
                }


                
    // DroppedFramesPerSecond - 媒体每秒正在丢弃的帧数
                lblDroppedFramesPerSecond.Text = "每秒正在丢弃的帧数:" + mediaElement.DroppedFramesPerSecond.ToString();
            }


            
    void mediaElement_BufferingProgressChanged(object sender, RoutedEventArgs e)
            
    {
                
    // BufferingProgress - 缓冲进度(0 - 1 之间)
                lblBufferingProgress.Text = string.Format(
                    
    "缓冲进度:{0:##%}",
                    mediaElement.BufferingProgress);
            }


            
    void mediaElement_MediaEnded(object sender, RoutedEventArgs e)
            
    {
                mediaElement.Stop();
            }


            
    void mediaElement_DownloadProgressChanged(object sender, RoutedEventArgs e)
            
    {
                
    // DownloadProgress - 下载进度(0 - 1 之间)
                lblDownloadProgress.Text = string.Format(
                    
    "下载进度:{0:##%}",
                    mediaElement.DownloadProgress);
            }

            
    private void mediaElement_MediaOpened(object sender, RoutedEventArgs e)
            
    {
                
    /*
                 * NaturalVideoWidth - 媒体文件的宽
                 * NaturalVideoHeight - 媒体文件的高
                 * HasTimeSpan - 是否可取得媒体文件的时长
                 * NaturalDuration - 媒体文件的时长
                 * Volume - 音量大小(0 - 1 之间)
                 * Balance - 音量平衡(-1 - 1 之间)
                 * BufferingTime - 需要缓冲的时间的长度
                 
    */


                lblWidth.Text 
    = "媒体文件的宽:" + mediaElement.NaturalVideoWidth.ToString();
                lblHeight.Text 
    = "媒体文件的高:" + mediaElement.NaturalVideoHeight.ToString();

                _duration 
    = mediaElement.NaturalDuration.HasTimeSpan ? mediaElement.NaturalDuration.TimeSpan : TimeSpan.FromMilliseconds(0);

                lblTotalTime.Text 
    = string.Format(
                    
    "{0}{1:00}:{2:00}:{3:00}""时长:",
                    _duration.Hours,
                    _duration.Minutes,
                    _duration.Seconds);

                mediaElement.Volume 
    = 0.8;
                volumeSlider.Value 
    = 0.8;
                lblVolume.Text 
    = "音量大小:80%";

                mediaElement.Balance 
    = 0;
                balanceSlider.Value 
    = 0;
                lblBalance.Text 
    = "音量平衡:0%";

                mediaElement.BufferingTime 
    = TimeSpan.FromSeconds(30);
                lblBufferingTime.Text 
    = "缓冲长度:30秒";
            }


            
    private void mediaElement_CurrentStateChanged(object sender, RoutedEventArgs e)
            
    {
                
    /*
                 * CurrentState - 播放状态 [System.Windows.Media.MediaElementState枚举]
                 *     MediaElementState.Closed - 无可用媒体
                 *     MediaElementState.Opening - 尝试打开媒体(此时Play(),Pause(),Stop()命令会被排进队列,等到媒体被成功打开后再依次执行)
                 *     MediaElementState.Buffering - 缓冲中
                 *     MediaElementState.Playing - 播放中
                 *     MediaElementState.Paused - 被暂停(显示当前帧)
                 *     MediaElementState.Stopped - 被停止(显示第一帧)
                 
    */


                lblState.Text 
    = "播放状态:" + mediaElement.CurrentState.ToString();
            }


            
    private void play_Click(object sender, RoutedEventArgs e)
            
    {
                
    // Play() - 播放媒体(在当前 Position 处播放)
                mediaElement.Play();
            }


            
    private void pause_Click(object sender, RoutedEventArgs e)
            
    {
                
    // CanPause - 媒体是否可暂停
                
    // Pause() - 暂停媒体的播放
                if (mediaElement.CanPause)
                    mediaElement.Pause();
            }


            
    private void stop_Click(object sender, RoutedEventArgs e)
            
    {
                
    // Stop() - 停止媒体的播放
                mediaElement.Stop();
            }


            
    void mute_Click(object sender, RoutedEventArgs e)
            
    {
                
    // IsMuted - 是否静音
                if (mediaElement.IsMuted == true)
                
    {
                    mute.Content 
    = "静音";
                    mediaElement.IsMuted 
    = false;
                }

                
    else
                
    {
                    mute.Content 
    = "有声";
                    mediaElement.IsMuted 
    = true;
                }

            }


            
    private void playSlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
            
    {
                
    // CanSeek - 是否可以通过设置 Position 来重新定位媒体
                
    // Position - 媒体的位置(单位:秒)
                if (mediaElement.CanSeek)
                
    {
                    mediaElement.Pause();
                    mediaElement.Position 
    = TimeSpan.FromSeconds(_duration.TotalSeconds * playSlider.Value);
                    mediaElement.Play();
                }

            }


            
    private void volumeSlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
            
    {
                
    // Volume - 音量大小(0 - 1 之间)
                mediaElement.Volume = volumeSlider.Value;
                lblVolume.Text 
    = string.Format(
                    
    "音量大小:{0:##%}",
                    volumeSlider.Value);
            }


            
    private void balanceSlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
            
    {
                
    // Balance - 音量平衡(-1 - 1 之间)
                mediaElement.Balance = balanceSlider.Value;
                lblBalance.Text 
    = string.Format(
                    
    "音量平衡:{0:##%}",
                    balanceSlider.Value);
            }

        }

    }



    OK
    [源码下载]
  • 相关阅读:
    JavaScrip t将单词的字母按大小写间隔写出
    JavaScript将数组包含某字符串内容的项组成新数组
    JavaScript找出唯一不同的数字
    JavaScript将数组变成电话号码
    JavaScript数组查找是否包含某些字符串
    JavaScript 找出整数的约数
    Excel导出
    yii打印sql
    yii使用createCommand()增删改查
    yii 图片展示
  • 原文地址:https://www.cnblogs.com/webabcd/p/1344632.html
Copyright © 2020-2023  润新知