Sample codes using mediaplayer.js |
|---|
<html> <body style="position: absolute;top:0; bottom:0;right:0;left:0;overflow:hidden;"> <div id="video" style="width:1280px; height:720px"></div> <div id="message" style="width:1280x; height:100px"></div> <input type="text" id="StillImageFilePath" size="20"></input><button |
onclick="saveAsImage()">STILL</button><p> <input type="text" id="VideoFilePath" size="20"></input><button |
onclick="startSaveAsVideo()">VIDEO</button><p> <button onclick="endSaveAsVideo()">END</button><p> <script type="text/javascript" src="http://cdp2.w20.n3n.io/public/mediaplayer/mediaplayer.js"></script> <script type="text/javascript"> var mp1; document.addEventListener('DOMContentLoaded', function() { mp1 = new N3N.WizeyeVideoPlayer(); mp1.open("video", "http://cdp2.w20.n3n.io", "cam1", "1506546503490:667375"); mp1.onEvent = function(json) { var message = document.querySelector("#message"); message.innerHTML = JSON.stringify(json); } document.querySelector("#StillImageFilePath").value = "e:/test.jpg"; document.querySelector("#VideoFilePath").value = "e:/test.avi"; }); window.onunload = function() { if (mp1) mp1.close(); }; function saveAsImage() { mp1.saveAsImage(document.querySelector("#StillImageFilePath").value); } function startSaveAsVideo() { mp1.startSaveAsVideo(document.querySelector("#VideoFilePath").value); } function endSaveAsVideo() { mp1.endSaveAsVideo(); } </script> </body> </html> |