Important: you should study this article in order to find out how to setup your Windows Forms Application correctly.

Getting started

To get started it is recomended to Download and Install the latest version of Ozeki Camera SDK. After installation you can find the example code discussed in this page with full source code in the following location on your harddisk:

Download Ozeki Camera SDK:	http://www.camera-sdk.com/p_13-download-camera-onvif.html
Windows forms version:	C:\Program Files\Ozeki\Ozeki SDK\examples.zip\Examples\Other\ Camera_Viewer_Connect_USB_WF\Camera_Viewer_Connect_USB_WF.sln

To compile this example you will need Microsoft Visual Studio installed on your computer.

To perform the connection to your camera device in C# using the OZEKI Camera SDK, you need to use the classes of the SDK whose objects have been declared at the beginning of the code (in the Form1 class). Then you need to initialize these objects in the constructor of the form. The last 2 lines of the constructor can be used to call the method named SetVideoViewer (which is able to set the basic properties of the video viewer object) and to add your VideoViewerFM object to the control collection.

There are different types of Method calls which can react to the "Connect button pushed" event:

_mediaConnector.Connect(_webCamera, _imageProvider): this method establishes the connection between the image we get from our USB camera and the image provider object that is used to display the camera's image on the graphical user interface.

_videoViewer.SetImageProvider(_imageProvider): we set the image provider to the video viewer object in order to make the application be able to display the image we get from the USB camera.

_webCamera.Start(): in order to receive image from the camera we need to start this method.

_videoViewer.Start(): in order to display the image on the GUI we need to start this method as well.

USB camera connection example in C#

Form1.cs

using System;
using System.Drawing;
using System.Windows.Forms;
using Ozeki.Media;
using Ozeki.Camera;

namespace VideoCameraViewer01
{
    public partial class Form1 : Form
    {
        private VideoViewerWF _videoViewer;
        private IWebCamera _webCamera;
        private DrawingImageProvider _imageProvider;
        private MediaConnector _mediaConnector;

        public Form1()
        {
            InitializeComponent();

            _videoViewer = new VideoViewerWF();
          
            _imageProvider = new DrawingImageProvider();
            _mediaConnector = new MediaConnector();

            SetVideoViewer();
            this.Controls.Add(_videoViewer);
        }

        private void connectBtn_Click(object sender, EventArgs e)
        {
            _webCamera = new WebCamera();
          
            if(_webCamera != null)
            {
                _mediaConnector.Connect(_webCamera.VideoChannel, _imageProvider);
                _videoViewer.SetImageProvider(_imageProvider);
                _webCamera.Start();
                _videoViewer.Start();
            }
        }

        private void SetVideoViewer()
        {
            _videoViewer.Location = new Point(10, 10);
            _videoViewer.Size = new Size(250, 200);
            _videoViewer.BackColor = Color.Black;
            _videoViewer.TabStop = false;
        }
    }
}
	

Code 1 - USB camera connection example in C#

Please note that none of the cancel and disconnect methods are included in the example because of the demonstrating intent and briefness of the article.

GUI

Figure 1 - The graphical user interface of your application

After the successful implementation of the functions and the GUI elements, the application will work properly. By pressing the connect button the image of the USB camera will be loaded in.

If the application does not receive any images from the camera we advise you the following:

• Check whether your device is connected to your PC properly,
• Check your device's physical condition (there maybe damage on the device or on its cable),
• Try to connect your device to another USB port,
• Check whether your camera's driver has been installed properly,
• if the problem still consists you should try the application with another camera device.

The code for the GUI layout can be seen below:

Form1.Designer.cs

	namespace VideoCameraViewer01
{
    partial class Form1
    {
        private System.ComponentModel.IContainer components = null;

        protected override void Dispose(bool disposing)
        {
            if (disposing && (components != null))
            {
                components.Dispose();
            }
            base.Dispose(disposing);
        }

        private void InitializeComponent()
        {
            this.connectBtn = new System.Windows.Forms.Button();
            this.SuspendLayout();
            // 
            // connectBtn
            // 
            this.connectBtn.Location = new System.Drawing.Point(10, 230);
            this.connectBtn.Name = "connectBtn";
            this.connectBtn.Size = new System.Drawing.Size(75, 23);
            this.connectBtn.TabIndex = 1;
            this.connectBtn.Text = "Connect";
            this.connectBtn.UseVisualStyleBackColor = true;
            this.connectBtn.Click += new System.EventHandler(this.connectBtn_Click);
            // 
            // Form1
            // 
            this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 13F);
            this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;
            this.ClientSize = new System.Drawing.Size(274, 264);
            this.Controls.Add(this.connectBtn);
            this.Name = "Form1";
            this.StartPosition = System.Windows.Forms.FormStartPosition.CenterScreen;
            this.Text = "USB Camera\'s Live Image";
            this.ResumeLayout(false);
        }

        private System.Windows.Forms.Button connectBtn;
    }
}
	

Code 2 - GUI example in C#

Important: you should study this article in order to find out how to setup your WPF Application correctly.

Getting started

To get started it is recomended to Download and Install the latest version of Ozeki Camera SDK. After installation you can find the example code discussed in this page with full source code in the following location on your harddisk:

Download Ozeki Camera SDK:	http://www.camera-sdk.com/p_13-download-camera-onvif.html
WPF version:	C:\Program Files\Ozeki\Ozeki SDK\examples.zip\Examples\Other\ Camera_Viewer_Connect_USB_WPF\Camera_Viewer_Connect_USB_WPF.sln

To compile this example you will need Microsoft Visual Studio installed on your computer.

To perform the connection to your camera device in C# using the OZEKI Camera SDK, you need to use the classes of the SDK whose objects have been declared at the beginning of the code (in the MainWindow class). Then you need to initialize these objects in the constructor of the window.

There are different types of Method calls which can react to the "Connect button pushed" event:

_mediaConnector.Connect(_webCamera, _drawingImageProvider): this method establishes the connection between the image we get from our USB camera and the drawing image provider object that is used to display the camera's image on the graphical user interface.

videoViewer.SetImageProvider(_drawingImageProvider): we set the drawing image provider to the video viewer object in order to make the application be able to display the image we get from the USB camera.

_webCamera.Start(): in order to receive image from the camera we need to start this method.

videoViewer.Start(): in order to display the image on the GUI we need to start this method as well.

USB camera connection example in C#

MainWindow.xaml.cs

using System.Windows;
using Ozeki.Media;
using Ozeki.Camera;

namespace VideoCameraViewer01Wpf
{
    public partial class MainWindow : Window
    {
        private IWebCamera _webCamera;
        private DrawingImageProvider _drawingImageProvider;
        private MediaConnector _mediaConnector;

        public MainWindow()
        {
            InitializeComponent();

            _webCamera = new WebCamera();
            _drawingImageProvider = new DrawingImageProvider();
            _mediaConnector = new MediaConnector();
        }

        private void Connect_Click(object sender, RoutedEventArgs e)
        {
            _mediaConnector.Connect(_webCamera.VideoChannel, _drawingImageProvider);
            videoViewer.SetImageProvider(_drawingImageProvider);
            _webCamera.Start();
            videoViewer.Start();
        }
    }
}
	

Code 1 - USB camera connection example in C#

Please note that none of the cancel and disconnect methods are included in the example because of the demonstrating intent and briefness of the article.

GUI

Figure 1 - The graphical user interface of your application

After the successful implementation of the functions and the GUI elements, the application will work properly. By pressing the connect button the image of the USB camera will be loaded in.

If the application does not receive image from the camera we advise you the following:

• check whether your device has been connected to your PC properly,
• check your device's physical condition (isn't there maybe any damage on the device or on its cable),
• try to connect your device to another USB port,
• check whether your camera's driver has been installed properly,
• if the problem still consists you should try the application with another camera device.

The code to the GUI layout can be seen below:

MainWindow.xaml

	<Window x:Class="VideoCameraViewer01Wpf.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:controls="clr-namespace:Ozeki.Media;assembly=OzekiSDK"
        Title="MainWindow" Height="350" Width="340">
    <Grid>
        <GroupBox Header="Live camera" HorizontalAlignment="Left" Margin="10,10,0,0" VerticalAlignment="Top" Height="226" Width="308">
            <Grid HorizontalAlignment="Left" Height="204" VerticalAlignment="Top" Width="296">
                <controls:VideoViewerWPF Name="videoViewer" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Background="Black"/>
            </Grid>
        </GroupBox>
        <Button Content="Connect" HorizontalAlignment="Left" Margin="10,241,0,0" VerticalAlignment="Top" Width="75" RenderTransformOrigin="-0.107,-0.364" Click="Connect_Click"/>
    </Grid>
</Window>