javascript - How to take video snapshot with VLC Web Plugin -


i need extract snapshot(s) ip camera using rtsp on web page.

vlc web plugin works playing stream, before hands dirty on playing javascript api, can 1 tell me whether api can me take snapshot(s) of stream, way done vlc media player, cuz not present on above page.

if answer 'no', please give me other way this.

thanks in advance.

dang loi.

the vlc plugin provides metadata properties accessible javascript.

for reason there no way access bitmap/video plugins runs sand-boxed in browser. way obtain such data if plugin provided mechanism it.

the way grab frame therefor use generic screen snagger (such snagit), of course, without ability control javascript.

you could, option, html5 video element see if can use video source that. in case grab frames, draw them canvas , there save image.

another option in case original stream format isn't supported, transcode on fly format supported browser. here 1 such transcoder.


Comments

Post a Comment

Popular posts from this blog

javascript - AngularJS custom datepicker directive -

i make custom datepicker directive custom template. but have no idea how start building it... how include date data directive? i appreciate guide or give me advice work on more precisely. it might you! follow below steps html code sample: <label>birth date</label> <input type="text" ng-model="birthdate" date-options="dateoptions" custom-datepicker/> <hr/> <pre>birthdate = {{birthdate}}</pre> <script type="text/ng-template" id="custom-datepicker.html"> <div class="enhanced-datepicker"> <div class="proxied-field-wrap"> <input type="text" ui-date-format="yy-mm-dd" ng-model="ngmodel" ui-date="dateoptions"/> </div> <label> <button class="btn" type="button"><i class="icon-calendar"></i>
Read more

javascript - jQuery date picker - Disable dates after the selection from the first date picker -

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jquery ui datepicker - default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function () { $("#datepicker1").datepicker(); }); </script> <script> $(function () { $("#datepicker2").datepicker(); }); </script> </head> <body> <p>date 1: <input type="text" id="datepicker1"></p> <p>date 2: <input type="t
Read more