html5-video

WebRTC/WebSocket screen recording

匆匆过客 提交于 2019-12-01 18:34:50
In my use case I would like to record the screen activity and send it to server [not live]. I looked at few blogs/sample demos for this. But I couldn't find anything related to this. I could find lot of live streaming audio/video but not screen recording. I have the following questions related to this, Which one would be efficient WebRTC/Websockets for this use case? Browser support for WebRTC/Websockets? Is there any other methods to achieve this use case? I am fairly new to WebRTC/Websockets, if I am not posting the enough information please comment. I will add. Could someone help me on this

Using jQuery to determine video file size

时间秒杀一切 提交于 2019-12-01 17:55:43
I am using videojs to play html5 videos, of varying dimensions. Is it possible to detect the height/width of a video file using jQuery (or another scripting language for that matter) so that I can dynamically input these into the embed code? Thanks! I'm afraid that's not quite possible. For the browser to be able to determine the size of the video, it has to load it first. One solution could be, assuming that this would even work, to load the video first without specifying a height and width but using CSS to hide the video, calculate the dimensions, destroy the video and load it again on click

Video.js youtube video

独自空忆成欢 提交于 2019-12-01 17:36:40
I can't get youtube video to work with video.js I added in the head : <link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet"> <script src="http://vjs.zencdn.net/c/video.js"></script> Then in the body : <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="360" data-setup='{"techOrder":["youtube","html5"],"ytcontrols":false}'> <source src="http://www.youtube.com/watch?v=qWjzVHG9T1I" type='video/youtube' /> But I have a black div (tested in latest Chrome & FF). Am I missing something ? Thanks Cameron Tangney The pull request

Which pixel format for web mp4 video?

荒凉一梦 提交于 2019-12-01 17:27:24
I have to create video in mp4 format, and it seems that I can encode it with different pixel formats like yuv420p , yuv422p , yuvj422p . Which one I should use to maximize compatibility with most browsers/players? Use yuv420p You can use the -vf format=yuv420p (or the alias -pix_fmt yuv420p ) output option to make sure your output is YUV 4:2:0. Example ffmpeg -i input -c:v libx264 -crf 23 -preset medium -vf format=yuv420p -c:a copy -movflags +faststart output.mp4 For web video the -movflags +faststart option is also recommended. The audio is being stream copied (re-muxed) in this example

Using jQuery to determine video file size

Deadly 提交于 2019-12-01 16:50:52
问题 I am using videojs to play html5 videos, of varying dimensions. Is it possible to detect the height/width of a video file using jQuery (or another scripting language for that matter) so that I can dynamically input these into the embed code? Thanks! 回答1: I'm afraid that's not quite possible. For the browser to be able to determine the size of the video, it has to load it first. One solution could be, assuming that this would even work, to load the video first without specifying a height and

Auto-play an HTML5 video on Dom Load using jQuery

我的梦境 提交于 2019-12-01 16:39:35
I'm trying to play a video as soon as the dom has loaded using jQuery. This is my code: HTML <video id="video" width="420"> <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"> <source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg"> <p>Your browser does not support HTML5 video.</p> </video> JS (script.js) $(document).ready(function() { $(#video).play(); }); When you dom loads the video does not play, where am I going wrong? Thanks in advance. Justin McDonald The jQuery selector $("#video") returns a jQuery object. Since play() is a function of the DOM

TextTrackList onchange event not working in IE and Edge

冷暖自知 提交于 2019-12-01 16:37:10
The TextTrackList.onchange event is not working in IE and Edge . In Chrome and FireFox it works fine. Is there any alternative I can use? Ive searched through the available events but can't find any. Or how can I create a workaround? So it works amongst all browsers? https://www.javascripture.com/TextTrackList var video = document.getElementById('video'); video.textTracks.addEventListener('change', function () { console.log("TextTracks change event fired!"); }); video { max-width: 400px; max-height: 400px; } <video controls id="video"> <source src="https://www.sample-videos.com/video/mp4/720

Which pixel format for web mp4 video?

人盡茶涼 提交于 2019-12-01 16:35:52
问题 I have to create video in mp4 format, and it seems that I can encode it with different pixel formats like yuv420p , yuv422p , yuvj422p . Which one I should use to maximize compatibility with most browsers/players? 回答1: Use yuv420p You can use the -vf format=yuv420p (or the alias -pix_fmt yuv420p ) output option to make sure your output is YUV 4:2:0. Example ffmpeg -i input -c:v libx264 -crf 23 -preset medium -vf format=yuv420p -c:a copy -movflags +faststart output.mp4 For web video the

TextTrackList onchange event not working in IE and Edge

旧城冷巷雨未停 提交于 2019-12-01 15:18:14
问题 The TextTrackList.onchange event is not working in IE and Edge . In Chrome and FireFox it works fine. Is there any alternative I can use? Ive searched through the available events but can't find any. Or how can I create a workaround? So it works amongst all browsers? https://www.javascripture.com/TextTrackList var video = document.getElementById('video'); video.textTracks.addEventListener('change', function () { console.log("TextTracks change event fired!"); }); video { max-width: 400px; max

How to play video of dropbox directly in our application

时光总嘲笑我的痴心妄想 提交于 2019-12-01 14:17:40
I want to play 4 to 5 video from my dropbox account in to my website. This is my code: <video controls="controls" height="480" width="640"> <source src="https://www.dropbox.com/s/393c52vimvnvr7n/devinejamz-partnership.mp4?dl=1" type="video/mp4"> </video> 2 Videos are successfully playing with this code but 3 videos show below error. My Video stops playing after sometimes.I dont know why and shows error as below: No Video with supported format and mime type found . Can anybody tell me whats the problem?? Copy the drop box video link, then replace www.dropbox.com with dl.dropboxusercontent.com