loading
1 Comments

Tell us about yourself!

Complete Your Profile
  • kyubot commented on Frowney001's instructable Intel Edison IP Webcam9 months ago
    Intel Edison IP Webcam

    I was able to get video streaming as described in your tutorial. Thanks!However I want to embed the streaming video on other web page on different port. How can I make this happen?I tried to embed following script in my index.html but not working as expected. <div> <!-- The canvas size specified here is the "initial" internal resolution. jsmpeg will change this internal resolution to whatever the source provides. The size the canvas is displayed on the website is dictated by the CSS style. --> <canvas id="canvas-video" width="320" height="240"></canvas> </div> <script src="/jsmpg.js"></script> <s...see more »I was able to get video streaming as described in your tutorial. Thanks!However I want to embed the streaming video on other web page on different port. How can I make this happen?I tried to embed following script in my index.html but not working as expected. <div> <!-- The canvas size specified here is the "initial" internal resolution. jsmpeg will change this internal resolution to whatever the source provides. The size the canvas is displayed on the website is dictated by the CSS style. --> <canvas id="canvas-video" width="320" height="240"></canvas> </div> <script src="/jsmpg.js"></script> <script type="text/javascript"> // CHANGE THIS TO THE APPROPRIATE WS ADDRESS var wsUrl = 'ws://lidaredison.local:8084/'; // Show loading notice var canvas = document.getElementById('canvas-video'); var ctx = canvas.getContext('2d'); ctx.fillStyle = '#333'; ctx.fillText('Loading...', canvas.width/2-30, canvas.height/3); // Start the player var client = new WebSocket(wsUrl); var player = new jsmpeg(client, { canvas:canvas }); </script>Thanks,Howe

    View Instructable »