Video loading message until response comes from backend

Issue Video Upload.js var json = { “request”: { “service”:{ “servicetype”:servicetype, “session_id”: session_id }, “data”:{ “rolename”:rolename } } }; FileService.uploadFile( json, file ).then(function(res){ console.log(JSON.stringify(res)); if( res && res.status.code == 0 ) { $scope.getVideo( res.data.mediaids[0] ); $scope.getAll(); } else FlashService.Error(res.status.message, true);

Continue reading

html5: display video inside canvas

Issue is it possible to display a html5-video as part of the canvas? basically the same way as you draw an Image in the canvas. context.drawVideo(vid, 0, 0); thanks! Solution var canvas = document.getElementById(‘canvas’); var ctx = canvas.getContext(‘2d’); var video

Continue reading

Align volume panel to right

Issue I need to align volumePanel to the right corner. It seems API hasn’t this functionality, so, I’ve done a lot of attempts on CSS, but it doesn’t want to move 🙁 I’ve built a ready-to-work template at codesandbox. Help

Continue reading

Always showing video controls

Issue Is there a way to Always show the video controls in the HTML5 video tag instead of just showing them on MouseOver? Video code: <table cellpadding=”0″ cellspacing=”0″> <tr> <td runat=”server” width=”680px” height=”383px” id=”vContainer”> <div style=”z-index: 1;” runat=”server” id=”cont”> <div

Continue reading

random video generator in HTML

Issue I used a simple random number generator and named my mp4 files “1” “2” and “3” and my html page is blank code: <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <title>Connor’s video clock</title> </head> <body> <script> < div id =

Continue reading

Generate ffmpeg thumbnail from stream in Node.js

Issue Im using node.js together with ffmpeg to receive an rtmp-stream and output this into m3u8-format. [ ‘-y’, ‘-fflags’, ‘nobuffer’, ‘-analyzeduration’, ‘1000000’, ‘-i’, ‘rtmp://localhost:1935/live/ANMZJ2ZRUiMhKaAoygRXwAfHe’, ‘-c:v’, ‘copy’, ‘-c:a’, ‘aac’, ‘-f’, ‘tee’, ‘-map’, ‘0:a?’, ‘-map’, ‘0:v?’, ‘-y’, ‘-an’, ‘[hls_time=10:hls_list_size=0]./media/live/ANMZJ2ZRUiMhKaAoygRXwAfHe/SX3otgDdf6/index.m3u8|’ ] Together with

Continue reading

Playing and looping multiple videos in a file (HTML)

Issue I cant seem to get the videos to loop continuously. It is only playing one video so far. <body onload=”onload();”> <h1>Video Autoplay</h1> <div id=”message”></div> <input type=”file” id=”ctrl” webkitdirectory directory multiple/> <video id=”ctrl” onended=”onVideoEnded();” autoplay loop></video> <script> var playSelectedFile =

Continue reading

Videogular fails to play video

Issue I have dynamically binded the video src tag using angular.But videogular fails to append the video url. Below is my videogular tag with angular bind expression where it binds video url dynamically. <vg-media vg-src='[{src: “{{selectedVideo.Uris[0].AbsolutePath}}”, type: “video/mp4″}]’ vg-loop=”controller.config.plugins.controls.loop” vg-preload=”controller.config.plugins.controls.preload”>

Continue reading

preparing mp4 file for html 5

Issue In html 5, I want to embed an mp4 like this: <video width=”640″ height=”480″ controls> <source src=”somefile.mp4″ type=”video/mp4″> Your browser does not support the video tag. </video> The video runs fine the the browser in my development machine, but

Continue reading