I need to find video tag???

2 views (last 30 days)
Eman  Shaltout
Eman Shaltout on 2 Feb 2012

i read the "url" of recording video stream from ipcamera

i use function "urlread"

i need to determine where begin of video tag

this the output

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link rel="stylesheet" type="text/css" href="homepage.css" media="all" />
<link href="/css/jquery.Jcrop.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/include/jquery.js"></script>
<script type="text/javascript" src="/include/jquery.history_remote.min.js"></script>
<script type="text/javascript" src="/include/common.js"></script>
<script type="text/javascript" src="/cgi-bin/viewer/getparam.cgi?system_hostname&videoin&network&system_info_language&system_info_customlanguage&capability_nmediastream&capability_ndo&status_do_i0&status_videomode_c0&eptz"></script>
<!--<script type="text/javascript" src="/cgi-bin/viewer/getparam.cgi?status_do_i0&status_daynight"></script>-->
<script type="text/javascript" src="/cgi-bin/viewer/getparam.cgi?uart&camctrl"></script>
<script type="text/javascript" src="/cgi-bin/privilege.cgi"></script>
<script type="text/javascript" src="/include/eptz.js"></script>
<script type="text/javascript" src="/include/index.js"></script>
<script type="text/javascript" src="/include/plugindef.js"></script>
<script type="text/javascript" src="/include/rtspctrl.js"></script>
<script type="text/javascript" src="/include/jquery.corners.min.js"></script>
<script type="text/javascript" src="/include/jquery.Jcrop.js"></script>
<script type="text/javascript" src="/include/jquery.mousewheel.pack.js"></script>
<script type="text/javascript" src="/include/jquery.selectboxes.pack.js"></script>
<script type="text/javascript">
PreLoadImages();
updateHomepageColor();
</script>
<!--[if lte IE 7]><style type="text/css"> input {behavior:url(/input.htc)}</style><![endif]-->
</head>
<body onload="loadCurrentSetting();" onfocus="updatePluginState();">
<table id="frame-wrapper">
<tr>
<td class="rounded_frame {5px}" style="padding:5px 2px;">
<table id="outter-wrapper" class="index">
<tr>
<td colspan=2 class="rounded_outter {5px top} FF3"></td>
</tr>
<tr>
<td style="vertical-align: middle; text-align: center;">
<div id="logo">
<script type="text/javascript">
updateLogoInfo();
</script>
</div>
</td>
<td style="vertical-align: middle; text-align: center;">
<div id="page_title"></div>
</td>
</tr>
<tr>
<td>
<div id="sidebar">
<div id="control-area">
<table class="CtrlArea">
<tr id="video_stream">
<td>
<span title="symbol">video_stream</span>
</td>
<td>
<select id="StreamSelector" onchange="switchStream(this.value);" class="select_StreamSelector">
<script type="text/javascript">
for (i = 0; i <capability_nmediastream; i++) 
document.write("<option value=\"" + i + "\">" + (i + 1) + "</option>");
</script>
</select>
</td>
</tr>
<tr id="digital_output">
<td>
<span title="symbol">digital_output</span>
</td>
<td>
<div id="digitalOutPut-bar">
<button id="btn_do_on" style="background-Position: 0px 0px;" onclick="DOButtonStatusUpdate();retframe.location.href='/cgi-bin/dido/setdo.cgi?do0=1';"></button>
<button id="btn_do_off" style="background-Position: -24px 0px;" onclick="DOButtonStatusUpdate();retframe.location.href='/cgi-bin/dido/setdo.cgi?do0=0';"></button>
</div>
</td>
</tr>
<tr id="ptz_select_panel">
<td>
<span title="symbol">ptz_panel</span>
</td>
<td>
<select name="ptz_panel_selector" style="width: 70px;" onchange="switchPTZPanel(this.value);">
<!--
<option value='digital'>Digital</option>
<option value='mechanical'>mechanical</option>
                            -->
</select>
</td>
</tr>
</table>
<table class="CtrlArea" id="ptz_control" style="visibility: hidden;">
<!--<tr>
<td colspan="2">
<span title="symbol">camera_control</span>
</td>
</tr>-->
<tr id="ptz_direction">
<td colspan="2">
<table class="CameraCtrlBlock1">
<tr>
<td></td>
<td>
<button id="btn_ptz_up" style="background-Position: 0px 0px;" onclick="CamControl('move','up')"/>
</td>
<td></td>
</tr>
<tr>
<td>
<button id="btn_ptz_left" style="background-Position: -69px 0px;" onclick="CamControl('move','left')"></button>
</td>
<td>
<button id="btn_ptz_home" style="background-Position: -46px 0px;" onclick="CamControl('move','home')"></button>
</td>
<td>
<button id="btn_ptz_right" style="background-Position: -105px 0px;" onclick="CamControl('move','right')"></button>
</td>
</tr>
<tr>
<td></td>
<td>
<button id="btn_ptz_down" style="background-Position: -23px 0px;" onclick="CamControl('move','down')"></button>
</td>
<td></td>
</tr>
</table>
</td>
</tr>
<tr id="ptz_zoom">
<td colspan="2">
<div class="CameraCtrlBlock2">
<button id="btn_ptz_zoomWide" style="background-Position: -169px 0px;" onclick="CamControl('zoom', 'wide')"></button>
<!--[if lte IE 8]>
<div id="btn_ptz_zoom_text" style="position: absolute; color: #0184CA; font-size: 13px;"></div>
<![endif]-->
<button id="btn_ptz_zoom" style="background-Position: -267px 0px;" hideFocus="true" disabled=disabled></button>
<button id="btn_ptz_zoomTele" style="background-Position: -141px 0px;" onclick="CamControl('zoom', 'tele')"></button>
</div>
</td>
</tr>
<tr id="ptz_focus">
<td colspan="2">
<div class="CameraCtrlBlock2">
<button id="btn_ptz_focusNear" style="background-Position: -169px 0px;" onclick="CamControl('focus', 'near')"></button>
<button id="btn_ptz_focusAuto" style="background-Position: -267px 0px;" onclick="CamControl('focus', 'auto')"></button>
<button id="btn_ptz_focusFar" style="background-Position: -141px 0px;" onclick="CamControl('focus', 'far')"></button>
</div>
</td>
</tr>
<tr id="ptz_psp">
<td colspan="2">
<div class="CameraCtrlBlock2">
<button id="btn_ptz_pan" style="background-Position: -407px 0px;" onclick="CamControl('auto', 'pan');"></button>
<button id="btn_ptz_stop" style="background-Position: -449px 0px;" onclick="CamControl('auto', 'stop');"></button>
<button id="btn_ptz_patrol" style="background-Position: -491px 0px;" onclick="CamControl('auto', 'patrol');"></button>
</div>
</td>
</tr>
<tr id="ptz_pan_speed">
<td>
<span title="symbol" class="wordwrap">pan_speed</span>
</td>
<td>
<select title="param" name="camctrl_c0_panspeed" id="camctrl_c0_panspeed" onChange="SubmitSpeed(this, 'pan')">
<option value=-5>-5</option>
<option value=-4>-4</option>
<option value=-3>-3</option>
<option value=-2>-2</option>
<option value=-1>-1</option>
<option selected value=0>0  </option>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
</select>
</td>
</tr>
<tr id="ptz_tilt_speed">
<td>
<span title="symbol" class="wordwrap">tilt_speed</span>
</td>
<td>
<select title="param" name="camctrl_c0_tiltspeed" id="camctrl_c0_tiltspeed" onChange="SubmitSpeed(this, 'tilt')">
<option value=-5>-5</option>
<option value=-4>-4</option>
<option value=-3>-3</option>
<option value=-2>-2</option>
<option value=-1>-1</option>
<option selected value=0>0  </option>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
</select>
</td>
</tr>
<tr id="ptz_zoom_speed">
<td>
<span title="symbol" class="wordwrap" style="max-width:150px;">zoom_speed</span>
</td>
<td>
<select title="param" name="camctrl_c0_zoomspeed" id="camctrl_c0_zoomspeed" onChange="SubmitSpeed(this, 'zoom')">
<option value=-5>-5</option>
<option value=-4>-4</option>
<option value=-3>-3</option>
<option value=-2>-2</option>
<option value=-1>-1</option>
<option selected value=0>0  </option>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
</select>
</td>
</tr>
<tr id='ptz_globalview' style='display:none'>
<td colspan="2">
<div id="stream1Parent" class="pointer" onclick="toggleGV()">
<img id="stream1Icon" src="/pic/rightArrow.gif"/><span title="symbol">global_view</span>:
</div>
<div id="ROI_Cropbox" style="margin: 10px 0; display:none;">
<img id="cropbox" width="160"/>
<div style="margin-top: 10px;">
<input type="checkbox" id="smooth" checked onclick="g_bSmooth=!g_bSmooth"/>
<span title="symbol">moving_instantly</span><br/>
<div id="Konami" style="display:none;">
<input type="checkbox" id="limitFreq" checked onclick="g_bLimitFreq=!g_bLimitFreq"/>
<span title="symbol">limit_sent_frequency</span>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!-- #control-area-->
<div id="configuration-area">
<table class="index">
<tronmouseover="btn_clientSetOver();" onmouseout="btn_clientSetOut();" onclick="btn_clientSetClick();">
<td>
<button id="btn_clientSet" style="background-Position: 0px 0px;"></button>
</td>
<td>
<span id="client_settings" title="symbol">client_settings</span>
</td>
</tr>
<tronmouseover="btn_configurationOver();" onmouseout="btn_configurationOut();" onclick="btn_configurationClick();">
<td>
<button id="btn_configuration" style="background-Position: -20px 0px;"></button>
</td>
<td>
<span id="configuration" title="symbol">configuration</span>
</td>
</tr>
<tronmouseover="btn_languageOver();" onmouseout="btn_languageOut();" onclick="btn_languageClick();">
<td>
<button id="btn_language" style="margin-top:0px; background-Position: -40px 0px;"></button>
</td>
<td>
<span id="language" title="symbol">_language</span>
</td>
</tr>
<tr>
<td></td>
<td>
<div id = "LanguageSelectorDiv" style="position:absolute; display:none;">
<ulonmouseout="if (checkMouseLeave(this, event)) { $('#LanguageSelectorDiv').slideUp('slow'); }">
<script type="text/javascript">
if (custom_translator_ok == 1) 
                                {
                                    //for count					
var count = eval(system_info_language_count);
for (i = 0; i < count; i++) 
document.write("<li><a href=\"javascript:changlan(" + i + ")\"><span title=\"param\">system_info_language_i" + i + "</span></a></li>");
                                      //for system_info_customlanguage_count
  count = eval(system_info_customlanguage_count);
  for (i = 0; i < count; i++) 
                                      {
  var index = eval(system_info_language_count) + i;
  document.write("<li><a href=\"javascript:changlan(" + index + ")\"><span title=\"param\">system_info_customlanguage_i" + i + "</span></a></li>");
                                      }
                                  }
  else
                                  {
  var count = eval(system_info_language_count);
  for (i = 0; i < count; i++) 
  document.write("<li><a href=\"javascript:changlan(" + i + ")\"><span title=\"param\">system_info_language_i" + i + "</span></a></li>");
                                  }
varelmt = document.getElementById("LanguageSelectorDiv").getElementsByTagName("li");
for (i = 0; i <elmt.length; i++) 
                                {
if (i == lan) 
                                    {
elmt[i].getElementsByTagName("span")[0].style.color = "#FF6600";
elmt[i].getElementsByTagName("span")[0].style.fontWeight = "bold";
                                    }
if (lan>= 100 && ((i - system_info_language_count) == (lan - 100))) 
                                    {
elmt[i].getElementsByTagName("span")[0].style.color = "#FF6600";
elmt[i].getElementsByTagName("span")[0].style.fontWeight = "bold";
                                    }
                                }
</script>
</ul>
<br/>
</div>
</td>
</tr>
</table>
</div>
<!-- #configuration-area-->
<div id="sidebar-footer"><script type="text/javascript">updatePowerByVVTKLogo();</script></div>
</div><!-- #sidebar -->
</td>
<td>
<div id ="video-area-wrapper">
<div id="video-area">
<!-- display image here -->
<table class="index">
<tr>
<td>
<div id="showimageBlock"></div>
</td>
</tr>
<tr>
<td width="720" id="RtspCtrlBtnBlk">
<table>
<tr>
<td>
<div id="RtspCtrlBtn-bar" style="display:none;">
<button id="btn_snapshot" title="snapshot" style="background-Position: 0px 0px;" onclick='clientsidesnapshot("/cgi-bin/viewer/video.jpg")'></button>
<button id="btn_zoom" title="digital_zoom_edit" style="background-Position: -28px 0px;" onclick="RtspVapgCtrlZoomEdit();"></button>
<button id="btn_play" title="pause" style="background-Position: -56px 0px;" onclick="RtspVapgCtrlPalyPauseToggle()"></button>
<button id="btn_stop" title="stop" style="background-Position: -112px 0px;" onclick="RtspVapgCtrlStop()"></button>
<button id="btn_record" title="start_mp4_recording" style="background-Position: -140px 0px;" onclick="RtspVapgCtrlRecordToggle()"></button>
<button id="btn_volume" title="play_volume" style="background-Position: -196px 0px;" onclick="RtspVapgCtrlVolEdit()"></button>
<button id="btn_mute" title="mute" style="background-Position: -224px 0px;" onclick="RtspVapgCtrlMuteToggle()"></button>
<button id="btn_talk" title="talk" style="background-Position: -280px 0px;" onclick="RtspVagpCtrlToggleTalk()"></button>
<button id="btn_mic_volume" title="mic_volume" style="background-Position: -308px 0px;" onclick="RtspVapgCtrlMicVolEdit()"></button>
<button id="btn_mic_mute" title="mute" style="background-Position: -336px 0px;" onclick="RtspVagpCtrlToggleMicMute()"></button>
<button id="btn_fullscreen" title="fullscreen" style="background-Position: -392px 0px;" onclick="RtspVapgCtrlFS()"></button>
</div>
</td>
<td id="ptz_goto" style="display:none;">
<div style="margin:12px 0px 4px 10px; position:relative;">
<span title="symbol" style="font-size:14px;">go_to</span>
<select name="presetname" id="presetname" onChange="SubmitPreset(this)" style="font-weight:normal; vertical-align:middle; height:auto; width:auto; font-size:12px;">
<option title="symbol" value="-1">select_one</option>
</select>
</div>
</td>
</tr>
</table>
<div id="customcmdBtn-bar">
<script type="text/javascript">
ShowCustomCmd();
</script>
</div>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
<tr>
<td colspan=2 class="rounded_outter {5px bottom} FF3"></td>
</tr>
</table>
</td>
</tr>
</table>
<iframe name="retframe" frameborder="0" style="display:none;"></iframe>
</div>
<div class="jc_coords" style="width: 100%; padding: 10px; display:none;">
<label>X <input type="text" name="x_" id="x_" size="4"/></label>
<label>Y <input type="text" name="y_" id="y_" size="4"/></label>
<!--<label>X2 <input type="text" name="x2" id="x2" size="4"/></label>
<label>Y2 <input type="text" name="y2" id="y2" size="4"/></label>-->
<label>W <input type="text" name="w_" id="w_" size="4"/></label>
<label>H <input type="text" name="h_" id="h_" size="4"/></label>
</div>
</body>
</html>

this link has information about camera http://www.vivotek.com/products/model.php?network_camera=ip7161

could you help me please??? thanks a lot first

Accepted Answer

Walter Roberson
Walter Roberson on 2 Feb 2012
There is no "video" tag in what you show.
Are you looking for
<div id ="video-area-wrapper">
??
strcmp() and regexp() come to mind.
  4 Comments
Walter Roberson
Walter Roberson on 3 Feb 2012
The specifications list differs from the documentation, sigh.
The video streaming in MS Windows browsers is handled by an ActiveX control. If the camera detects you are using firefox or netscape as the browser, it switches to streaming Quicktime; I checked, but there is no present support in MATLAB for decoding streaming QuickTime.
The camera supports rtsp, but it is not clear whether there is any way of using that. There is a _possibility_ that you might be able to use the MATLAB File Exchange contribution mreader() for this; see http://www.mathworks.com/matlabcentral/fileexchange/8028-mmread and look through the remarks to see what someone tried (but did not succeed on.)
If you look at page 62 of the user manual http://www.vivotek.com/downloadfiles/downloads/usermanuals/ip7161manual_en.pdf then you will see that you can switch from MPEG-4 to "JPEG", which is "motion jpeg". Other parts of the document describe this as if is a simple "server push" of JPEG images, and say that firefox and netscape supports it but IE does not. I have seen "motion jpeg" in other contexts and I am not at all certain that it is the same thing -- e.g., videoreader supports Motion JPEG 2000 files (not streams) but not Motion JPEG. Server push is a relatively simple technology that I would have thought was indeed supported on IE.
More details on taking snapshots are shown on page 146.
So, where have we got? Not much further than before. Two possibilities; rtsp (I suspect will not work), and pulling continual JPEG off (might work, but urlread would not be happy about it because the technology works by always saying there is more information to come and urlread wants to read until the end of the information before returning.)
Best lead so far? Streaming to a different process and pulling off the frames from there. Which is where we already were before the thorough reading of the documentation.
Eman  Shaltout
Eman Shaltout on 3 Feb 2012
thanks a lot I'm so sorrrry for what I do please sir excuse me

Sign in to comment.

More Answers (0)

Categories

Find more on MATLAB Support Package for IP Cameras in Help Center and File Exchange

Community Treasure Hunt

Find the treasures in MATLAB Central and discover how the community can help you!

Start Hunting!