Interview Question Answer: Online Live Streaming Video with the help of FMS server and Asp.Net

In this article, I am going to tell you that how can we develop online monitoring system with the help of C# Asp.Net, SQL Server and FMS (Flash Media Server). Suppose that you are in any meeting to any other-places or on any tour from where you can't know what's going on in your office or in your home.

For use of this application we need two web cameras, one is for capture activities and other is monitor activities from where do you want show (may be your mobile phones or your Computer System).

Ok friends, now I am going tell you that how can you easily develop this application. I will be explaining all steps one by one, and you can also download this demo project from download here

Step 1: First of all you should be install FMS Server( 3 month free Trial) on your System or you can take space on FMS Server. for more information about FMS you can visit FMS websites.

Step 2- swfs file should be in route.

Setp 3-This is the .aspx page on which streaming video will be display.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="videoplayer.aspx.cs" Inherits="videoplayer" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<!--

//Disable right click script

//visit http://www.rainbow.arch.scriptmania.com/scripts/

var message = "Sorry, right-click has been disabled";

///////////////////////////////////

function clickIE() { if (document.all) { (message); return false; } }

function clickNS(e) {

(document.layers || (document.getElementById && !document.all)) {

if (e.which == 2 || e.which == 3) { (message); return false; }

}

if (document.layers)

{ document.captureEvents(Event.MOUSEDOWN); document.onmousedown = clickNS; }

else { document.onmouseup = clickNS; document.oncontextmenu = clickIE; }

document.oncontextmenu = new Function("return false")

// -->

</SCRIPT>

<!--

//Disable select-text script (IE4+, NS6+)

//visit http://www.rainbow.arch.scriptmania.com/scripts/

///////////////////////////////////

function disableselect(e) {

return false

}

function reEnable() {

return true

}

//if IE4+

document.onselectstart = new Function("return false")

//if NS6

if (window.sidebar) {

document.onmousedown = disableselect

document.onclick = reEnable

}

// -->

</SCRIPT>

td img {display: block;}body {

background-color: #191919;

}

a:link {

text-decoration: none;

color: #F00;

}

a:hover {

text-decoration: underline;

color: #F00;

}

a:visited {

text-decoration: none;

color: #F00;

}

a:active {

text-decoration: none;

color: #F00;

}

</style>

var queryParameters = new Array();

var flashVars = "";

var tag = "";

var url = "";

window.onload = function ()

{

document.getElementById( 'inputURL' ).value = queryParameters['source'];

document.getElementById('embedField').innerHTML = tag;

for(var i=1 ; i<=10;i++)

{

var ids = String("sel"+i.toString());

document.getElementById( ids ).style.visibility = "hidden";

document.getElementById( ids ).className = "style76";

}

// mark the entry for that index

if(queryParameters['idx'] != "")

{

document.getElementById("td" + queryParameters['idx'] ).className = "style75";

document.getElementById("sel" + queryParameters['idx'] ).style.visibility = "visible";

}

function initialise()

{

function getUrlParam( name )

{

name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");

var regexS = "[\\?&]"+name+"=([^&#]*)";

var regex = new RegExp( regexS );

var results = regex.exec( window.location.href );

if( results == null )

return "";

else

return unescape( results[1] );

}

queryParameters['source'] = getUrlParam('source');

queryParameters['type'] = getUrlParam('type');

queryParameters['idx'] = getUrlParam('idx');

if( queryParameters['source'] == "" )

queryParameters['source'] = "rtmp://localhost/vod/mp4:sample1_500kbps.f4v";

if( queryParameters['type'] == "" )

queryParameters['type'] = "recorded";

if( queryParameters['idx'] == "" )

queryParameters['idx'] = "2";

flashVars += "&src=";

flashVars += queryParameters['source'];

flashVars += "&autoHideControlBar=";

flashVars += unescape("true");

flashVars += "&streamType=";

flashVars += queryParameters['type'];

flashVars += "&autoPlay=";

flashVars += unescape("true");

flashVars += "&verbose=";

flashVars += "true";

var soFlashVars = {

src: queryParameters['source'],

streamType: queryParameters['type'],

autoPlay: "true",

controlBarAutoHide: "true",

controlBarPosition: "bottom"

};

tag = "<object width='640' height='377' id='StrobeMediaPlayback' name='StrobeMediaPlayback' type='application/x-shockwave-flash' classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' ><param name='movie' value='swfs/StrobeMediaPlayback.swf' /> <param name='quality' value='high' /> <param name='bgcolor' value='#000000' /> <param name='allowfullscreen' value='true' /> <param name='flashvars' value= '"+

flashVars+"'/><embed src='swfs/StrobeMediaPlayback.swf' width='640' height='377' id='StrobeMediaPlayback' quality='high' bgcolor='#000000' name='StrobeMediaPlayback' allowfullscreen='true' pluginspage='http://www.adobe.com/go/getflashplayer' flashvars='"+ flashVars +"' type='application/x-shockwave-flash'> </embed></object>";

var swfVersionStr = "10.3.0";

var xiSwfUrlStr = "swfs/playerProductInstall.swf";

var params = {};

params.quality = "high";

params.bgcolor = "#000000";

params.allowscriptaccess = "sameDomain";

params.allowfullscreen = "true";

var attributes = {};

attributes.id = "StrobeMediaPlayback";

attributes.name = "StrobeMediaPlayback";

attributes.align = "middle";

swfobject.embedSWF("swfs/StrobeMediaPlayback.swf", "flashContent", "320", "240", swfVersionStr, xiSwfUrlStr, soFlashVars, params, attributes);

swfobject.createCSS("#flashContent", "display:block;text-align:left;");

}

function playStream()

{

var url = "source=" + document.getElementById('inputURL1').value;

var type;

if(document.getElementById('vodCheckbox').checked==true)

type="vod";

else

type="live";

url += ("&type=" + type);

document.getElementById('playBtn').href="videoplayer.aspx?" + url;

}

function checkbox(type)

{

if(type=="vod")

{

if(document.getElementById('liveCheckbox').checked==true)

{

document.getElementById('liveCheckbox').checked=false;

}

if(type=="live")

{

if(document.getElementById('vodCheckbox').checked==true)

{

document.getElementById('vodCheckbox').checked=false;

}

initialise();

</script>

</head>

<tr>

<td>

<asp:DropDownList ID="inputURL1" runat="server" onchange="javascript:playStream();"><asp:ListItem value="rtmp://172.168.116.150/vod/mp4:sample1_1500kbps.f4v">Noida</asp:ListItem>

<asp:ListItem value="rtmp://122.168.116.126/live/livestream">New Delhi</asp:ListItem>

</asp:DropDownList>

</div><div style=" float:left; padding-right:20px;"><a id="playBtn" onclick="javascript:playStream();"><img src="images/playstream_10.gif" width="104" height="25" /></a>

</div> <div style="display: none;">

</div>

</td>

</tr>

</map>

</map>

</map>

</map>

<tr>

<tr>

<!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough

JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show

when JavaScript is disabled.

-->

<p>To view this page ensure that Adobe Flash Player version 10.3.0 or greater is installed.</p>

var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://");

document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='"

+ pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>");

</script>

</div>

</noscript>

</td>

</tr>

</td>

</tr>

</table></td>

</tr>

</table></form>

</body>

</html>

Video will display

Interview Question Answer

Pages

Saturday, August 31, 2013

Online Live Streaming Video with the help of FMS server and Asp.Net

No comments:

Post a Comment

Facebook plugin