Click here to Skip to main content
14,334,763 members

Stream Player control

Rate this:
4.95 (80 votes)
Please Sign up or sign in to vote.
4.95 (80 votes)
17 Oct 2017CPOL
In this article you will find an implementation of a stream player control.

Image 1

Introduction

This article is a sort of continuation of my previous article, which shows an implementation of a web camera control. Recently I created another control and would like to share my experience with community. It is a FFmpeg-based stream player control, which can do the following:

  1. Play a RTSP/RTMP video stream or local video file
  2. Retrieve the current frame being displayed by the control

The control has no additional dependencies and a minimalistic interface.

Requirements

  1. The WinForms version of the control is implemented using .NET Framework 2.0
  2. The WPF version of the control is implemented using .NET Framework 4 Client Profile

The control supports both x86 and x64 platform targets.

Background

Streaming audio, video and data over the Internet is a very usual thing these days. However, when I tried to find a .NET control to play a video stream sent over the network, I found almost nothing. This project tries to fill up that gap.

Implementation details

If you are not interested in implementation details, then you can skip this section.

The implementation is divided into three layers.

  1. The bottom layer is implemented as a native DLL module, which forwards our calls to the FFmpeg framework.
  2. For distribution convenience, the native DLL module is embedded into the control’s assembly as a resource. On the runtime stage, the DLL module will be extracted to a temporary file on disk and used via late binding technique. Once the control is disposed, the temporary file will be deleted. In other words, the control is distributed as a single file. All those operations are implemented by the middle layer.
  3. The top layer implements the control class itself.

The following diagram shows a logical structure of the implementation.

Image 2

Only the top layer is supposed to be used by clients.

The Bottom Layer

The bottom layer uses the facade pattern to provide a simplified interface to the FFmpeg framework. The facade consists of three classes: the StreamPlayer class, which implements a stream playback functionality

/// <summary>
/// The StreamPlayer class implements a stream playback functionality.
/// </summary>
class StreamPlayer : private boost::noncopyable
{
public:

    /// <summary>
    /// Initializes a new instance of the StreamPlayer class.
    /// </summary>
    StreamPlayer();

    /// <summary>
    /// Initializes the player.
    /// </summary>
    /// <param name="playerParams">The StreamPlayerParams object that contains the information that is used to initialize the player.</param>
    void Initialize(StreamPlayerParams playerParams);

    /// <summary>
    /// Asynchronously plays a stream.
    /// </summary>
    /// <param name="streamUrl">The url of a stream to play.</param>
    void StartPlay(std::string const& streamUrl);
    
    /// <summary>
    /// Retrieves the current frame being displayed by the player.
    /// </summary>
    /// <param name="bmpPtr">Address of a pointer to a byte that will receive the DIB.</param>
    void GetCurrentFrame(uint8_t **bmpPtr);

    /// <summary>
    /// Retrieves the unstretched frame size, in pixels.
    /// </summary>
    /// <param name="widthPtr">A pointer to an int that will receive the width.</param>
    /// <param name="heightPtr">A pointer to an int that will receive the height.</param>
    void GetFrameSize(uint32_t *widthPtr, uint32_t *heightPtr);

    /// <summary>
    /// Uninitializes the player.
    /// </summary>
    void Uninitialize();
};

the Stream class, which converts a video stream into series of frames

/// <summary>
/// A Stream class converts a stream into series of frames. 
/// </summary>
class Stream : private boost::noncopyable
{
public:
    /// <summary>
    /// Initializes a new instance of the Stream class.
    /// </summary>
    /// <param name="streamUrl">The url of a stream to decode.</param>
    Stream(std::string const& streamUrl);

    /// <summary>
    /// Gets the next frame in the stream.
    /// </summary>
    /// <returns>The next frame in the stream.</returns>
    std::unique_ptr<Frame> GetNextFrame();

    /// <summary>
    /// Gets an interframe delay, in milliseconds.
    /// </summary>
    int32_t InterframeDelayInMilliseconds() const;

    /// <summary>
    /// Releases all resources used by the stream.
    /// </summary>
    ~Stream();
};

and the Frame class, which is a set of frame related utilities.

/// <summary>
/// The Frame class implements a set of frame-related utilities. 
/// </summary>
class Frame : private boost::noncopyable
{
public:
    /// <summary>
    /// Initializes a new instance of the Frame class.
    /// </summary>
    Frame(uint32_t width, uint32_t height, AVPicture &avPicture);

    /// <summary>
    /// Gets the width, in pixels, of the frame.
    /// </summary>
    uint32_t Width() const { return width_; }

    /// <summary>
    /// Gets the height, in pixels, of the frame.
    /// </summary>
    uint32_t Height() const { return height_; }

    /// <summary>
    /// Draws the frame.
    /// </summary>
    /// <param name="window">A container window that frame should be drawn on.</param>
    void Draw(HWND window);

    /// <summary>
    /// Converts the frame to a bitmap.
    /// </summary>
    /// <param name="bmpPtr">Address of a pointer to a byte that will receive the DIB.</param>
    void ToBmp(uint8_t **bmpPtr);

    /// <summary>
    /// Releases all resources used by the frame.
    /// </summary>
    ~Frame();
};

These tree classes form a heart of the FFmpeg Facade DLL module.

The Middle Layer 

The middle layer is implemented by the StreamPlayerProxy class, which serves as a proxy to the FFmpeg Facade DLL module.

First, what we should do is extract the FFmpeg Facade DLL module from the resources and save it to a temporary file.

_dllFile = Path.GetTempFileName();
using (FileStream stream = new FileStream(_dllFile, FileMode.Create, FileAccess.Write))
{
    using (BinaryWriter writer = new BinaryWriter(stream))
    {
        writer.Write(Resources.StreamPlayer);
    }
}

Then we load our DLL module into the address space of the calling process.

_hDll = LoadLibrary(_dllFile);
if (_hDll == IntPtr.Zero)
{
    throw new Win32Exception(Marshal.GetLastWin32Error());
}

And bind the DLL module functions to the class instance methods.

private delegate Int32 StopDelegate();
private StopDelegate _stop;

// ...

IntPtr procPtr = GetProcAddress(_hDll, "Stop");
_stop =
    (StopDelegate)Marshal.GetDelegateForFunctionPointer(procPtr, 
     typeof(StopDelegate));

When the control is being disposed, we unload the DLL module and delete it.

private void Dispose()
{    
    if (_hDll != IntPtr.Zero)
    {
        FreeLibrary(_hDll);
        _hDll = IntPtr.Zero;
    }

    if (File.Exists(_dllFile))
    {
        File.Delete(_dllFile);
    }    
}

The Top Layer

The top layer is implemented by the StreamPlayerControl class with the following interface.

/// <summary>
/// Asynchronously plays a stream.
/// </summary>
/// <param name="uri">The url of a stream to play.</param>
/// <exception cref="ArgumentException">An invalid string is passed as an argument.</exception>
/// <exception cref="Win32Exception">Failed to load the FFmpeg facade dll.</exception>
/// <exception cref="StreamPlayerException">Failed to play the stream.</exception>
public void StartPlay(Uri uri)

/// <summary>
/// Retrieves the image being played.
/// </summary>
/// <returns>The current image.</returns>
/// <exception cref="InvalidOperationException">The control is not playing a video stream.</exception>
/// <exception cref="StreamPlayerException">Failed to get the current image.</exception>
public Bitmap GetCurrentFrame();

/// <summary>
/// Stops a stream.
/// </summary>
/// <exception cref="InvalidOperationException">The control is not playing a stream.</exception>
/// <exception cref="StreamPlayerException">Failed to stop a stream.</exception>
public void Stop();

/// <summary>
/// Gets a value indicating whether the control is playing a video stream.
/// </summary>
public Boolean IsPlaying { get; }

/// <summary>
/// Gets the unstretched frame size, in pixels.
/// </summary>
public Size VideoSize  { get; }

/// <summary>
/// Occurs when the first frame is read from a stream.
/// </summary>
public event EventHandler StreamStarted;

/// <summary>
/// Occurs when there are no more frames to read from a stream.
/// </summary>
public event EventHandler StreamStopped;

/// <summary>
/// Occurs when the player fails to play a stream.
/// </summary>
public event EventHandler StreamFailed;

Threads

The control creates two threads: one for reading of the stream and another for decoding.

Image 3

The stream is a series of packets stored in a queue, which is shared between the threads.

Usage

Open the Package Manager Console and add a nuget package to your project:

Install-Package WebEye.Controls.WinForms.StreamPlayerControl

First, we need to add the control to the Visual Studio Designer Toolbox, using a right-click and then the "Choose Items..." menu item. Then we place the control on a form at the desired location and with the desired size. The default name of the control instance variable will be streamPlayerControl1.

The following code asynchronously plays a stream using the supplied address.

streamPlayerControl1.StartPlay(new Uri("rtsp://184.72.239.149/vod/mp4:BigBuckBunny_115k.mov"));

There is also an option to specify a connection and stream timeouts and underlying transport protocol.

streamPlayerControl1.StartPlay(new Uri("rtsp://184.72.239.149/vod/mp4:BigBuckBunny_115k.mov"),
    TimeSpan.FromSeconds(10), TimeSpan.FromSeconds(5), RtspTransport.UdpMulticast, RtspFlags.None);

To get a frame being played just call the GetCurrentFrame() method. The resolution and quality of the frame depend on the stream quality.

using (Bitmap image = streamPlayerControl1.GetCurrentFrame())
{
    // image processing...
}

To stop the stream the Stop() method is used.

streamPlayerControl1.Stop();

You can always check the playing state using the following code.

if (streamPlayerControl1.IsPlaying)
{
    streamPlayerControl1.Stop();
}

Also, the StreamStarted, StreamStopped and StreamFailed events can be used to monitor the playback state.

To report errors, exceptions are used, so do not forget to wrap your code in a try/catch block. That is all about using it. To see a complete example please check the demo application sources.

WPF version

The FFmpeg facade expects a WinAPI window handle (HWND) in order to use it as a render target. The issue is that in the WPF world windows do not have handles anymore. The VideoWindow class workarounds this issue.

<UserControl x:Class="WebEye.StreamPlayerControl"

             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 

             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 

             mc:Ignorable="d" 

             d:DesignHeight="300" d:DesignWidth="300"

             xmlns:local="clr-namespace:WebEye">
    <local:VideoWindow x:Name="_videoWindow"

                       HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
</UserControl>

To add a WPF version of the control to your project use the following nuget command:

Install-Package WebEye.Controls.Wpf.StreamPlayerControl

GitHub

The project has a GitHub repository available on the following page.

https://github.com/jacobbo/WebEye/tree/master/StreamPlayerControl

Any questions, remarks, and comments are welcome.

Licensing

  1. The FFmpeg facade sources, the same as the FFmpeg framework, are licensed under The LGPL license
  2. The .NET controls' sources and demos' sources are licensed under The Code Project Open License (CPOL).

You can use the control in your commercial product, the only thing is that you should mention that your product uses the FFmpeg library, here are the details.

History

  • March 19th, 2015 - The initial version.
  • August 22nd, 2015 - Added the x64 platform support.
  • October 25th, 2015 - Added asyncronous stream start and stream status events.
  • November 8th, 2015 - Added support for local files playback.
  • November 30th, 2015 - Added stream connection timeout.
  • October 17th, 2017 - Use new FFmpeg decoding API.
  • August 31st, 2019 - Added stream timeout parameter.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Alexander Iacobciuc
Software Developer
Russian Federation Russian Federation
Niko Bellic (Serbian: Niko Belić) is the main protagonist and playable character in the video game Grand Theft Auto IV. He is a 30 year old former soldier who moved to Liberty City to escape his troubled past and pursue the American Dream.

Comments and Discussions

 
QuestionNew parameters (stream timeout) and hanging streams Pin
kheo113-Sep-19 6:18
memberkheo113-Sep-19 6:18 
AnswerRe: New parameters (stream timeout) and hanging streams Pin
kheo113-Sep-19 20:53
memberkheo113-Sep-19 20:53 
QuestionWPF version, no video Pin
Member 1410838631-Jul-19 6:51
memberMember 1410838631-Jul-19 6:51 
AnswerRe: WPF version, no video Pin
Member 1410838631-Jul-19 10:34
memberMember 1410838631-Jul-19 10:34 
GeneralRe: WPF version, no video Pin
Member 1410838631-Jul-19 11:15
memberMember 1410838631-Jul-19 11:15 
GeneralRe: WPF version, no video Pin
Alexander Iacobciuc31-Aug-19 2:21
memberAlexander Iacobciuc31-Aug-19 2:21 
Bugload dll in tabitem (memory leak ?) Pin
MrB3NiT024-Jun-19 5:21
memberMrB3NiT024-Jun-19 5:21 
QuestionCan add Audio support in this control ? Pin
Member 102614878-Jan-19 19:18
memberMember 102614878-Jan-19 19:18 
QuestionArm support Pin
dommy1A28-Oct-18 2:14
memberdommy1A28-Oct-18 2:14 
QuestionCan I add a webcam to this player? Pin
Member 1382761116-Jun-18 7:03
memberMember 1382761116-Jun-18 7:03 
QuestionRunning in XP Pin
Ferson12-Jun-18 4:49
memberFerson12-Jun-18 4:49 
QuestionCan't find streamPlayerControl1 Pin
Member 1373308319-Apr-18 2:28
memberMember 1373308319-Apr-18 2:28 
AnswerRe: Can't find streamPlayerControl1 Pin
Member 1373308313-May-18 23:19
memberMember 1373308313-May-18 23:19 
GeneralRe: Can't find streamPlayerControl1 Pin
Member 42428307-Jul-19 23:56
memberMember 42428307-Jul-19 23:56 
QuestionHow to call Dispose of StreamPlayerControl in WPF? Pin
Omprakash Meda5-Apr-18 19:28
memberOmprakash Meda5-Apr-18 19:28 
QuestionFFMpeg libraries Pin
KSD112121-Mar-18 10:27
memberKSD112121-Mar-18 10:27 
QuestionSave RTSP Stream as MP4 Pin
Member 279534113-Mar-18 16:23
memberMember 279534113-Mar-18 16:23 
QuestionAuthorization by RTSP Pin
UOM21-Feb-18 11:51
memberUOM21-Feb-18 11:51 
QuestionSave image as JPEG? Pin
Norm Normal19-Feb-18 9:21
memberNorm Normal19-Feb-18 9:21 
QuestionWhen stop is pressed the last image remains Pin
Member 1294147712-Feb-18 5:25
memberMember 1294147712-Feb-18 5:25 
QuestionUWP support Pin
Csaba Horváth (LogControl)31-Jan-18 4:05
memberCsaba Horváth (LogControl)31-Jan-18 4:05 
QuestionDo you plan to add audio support? Pin
moonlit9912-Jan-18 11:10
membermoonlit9912-Jan-18 11:10 
AnswerRe: Do you plan to add audio support? Pin
Alexander Iacobciuc15-Jan-18 2:58
memberAlexander Iacobciuc15-Jan-18 2:58 
QuestionLow latency playback? Pin
Maxi201722-Dec-17 15:10
memberMaxi201722-Dec-17 15:10 
AnswerRe: Low latency playback? Pin
Member 1024748513-Sep-18 23:25
memberMember 1024748513-Sep-18 23:25 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Article
Posted 18 Mar 2015

Stats

337.4K views
46.2K downloads
85 bookmarked