html5-video

Record screen (screencast) using HTML5, e.g. getUserMedia or something?

会有一股神秘感。 提交于 2019-11-30 19:24:46
问题 Is there some HTML5 API that can help me record the screen (screencast)? I know about recording webcams etc, but I need the screen it self. It would help even more if this API was actually implemented in some cross-platform browser. 回答1: Screen capture is available as an experimental feature in Chrome, and you must enable it in your browser settings (chrome://flags/#enable-usermedia-screen-capture). Also, it seems to only work on an https connection. navigator.getUserMedia({ video: {

html5 play event vs playing event in video tag

六眼飞鱼酱① 提交于 2019-11-30 19:18:27
I'm reading documentation on the HTML5 video tag and don't totally understand it. If the user clicks a play button, or the play arrow on the control bar, I would think that you have just one event, and that event would indicate that the video is playing. But I read that: 'play' fires when the audio/video has been started or is no longer paused 'playing' fires when the audio/video is ready to play after having been paused or stopped for buffering. It sounds like the second one only happens if you pause the video and then play it again, while the first one happens then, but also happens when you

WebRTC java server trouble

时光总嘲笑我的痴心妄想 提交于 2019-11-30 19:16:08
I think I am very close to getting my Java server app to talk to a browser page via WebRTC, but I can't quite get it to work. I feel like I am missing something small, so I hope that someone here might have a suggestion. I took a close look at the WebRTC examples - the Java unit test ( org.webrtc.PeerConnectionTest ), and the example Android app ( trunk/talk/examples/android ). Based on what I learned, I put together a java app that uses WebSockets for signalling and attempts to send a video stream to Chrome. The problem is that there is no video in the browser, even though all of my code

Is there a way to overlay a <canvas> over a fullscreen HTML5 <video>?

ぃ、小莉子 提交于 2019-11-30 18:26:45
问题 I'm using videojs to play video, and I've done some manipulation on the video content frame by frame and display it in a <canvas> (ID: 'display'). When the video is playing, <canvas> can display in front of the <video> with the following css. <style type="text/css"> canvas#display { z-index: 1; postion: relative; top: some-video-height-px; } video#videoDiv_html5_api { z-index: -2; } div.vjs-controls { z-index: 3; } </style> It seems that z-index attribute is not working when <video> enters

how to play html5 video on a webview android

会有一股神秘感。 提交于 2019-11-30 18:15:38
问题 i am trying to load a webpage on a web view where the page has a video in it. i am able to load the web page on the web view but the video is not playing and the audio is heard. this is the link i m loading to a web view. http://html5videoformatconverter.com/html5-video-tag-example.html and all i m doing is public class VideoActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState);

How can I add click-to-play to my HTML5 videos without interfering with native controls?

爱⌒轻易说出口 提交于 2019-11-30 17:35:53
I'm using the following code to add click-to-play functionality to HTML5 video: $('video').click(function() { if ($(this).get(0).paused) { $(this).get(0).play(); } else { $(this).get(0).pause(); } }); It works okay except that it interferes with the browser's native controls: that is, it captures when a user clicks on the pause/play button, immediately reversing their selection and rendering the pause/play button ineffective. Is there a way to select just the video part in the DOM, or failing that, a way to capture clicks to the controls part of the video container, so that I can ignore

Request Full Screen HTML5 Video onPlay

强颜欢笑 提交于 2019-11-30 17:20:17
问题 I'm using the following code to trigger fullscreen when a user clicks on the play button on a <video> element: var video = $("#video"); video.on('play', function(e){ if (video.requestFullscreen) { video.requestFullscreen(); } else if (video.mozRequestFullScreen) { video.mozRequestFullScreen(); } else if (video.webkitRequestFullscreen) { video.webkitRequestFullscreen(); } }); But nothing happens when I click the play button. Any idea's why? EDIT: Here's my HTML code: <video width="458" height=

iOS5: Exception on UIWebView in modal UIViewController playing Youtube video

懵懂的女人 提交于 2019-11-30 17:12:22
UPDATE: No longer occurs on iOS 6 beta 1 I am currently working on adapting an existing iOS 4 application with the new iOS 5 SDK. I found a new crash when presenting a UIWebView in a modal view controller that reads a Youtube video. Starting to read the video is fine, but when I try to set it in full screen, I get the following exception : Exception: UIViewControllerHierarchyInconsistency, child view controller:<UIViewController: 0x6aef180> should have parent view controller:<WebViewController: 0x6a706c0> but requested parent is:<MPInlineVideoViewController: 0x6ae5d40> Here is how I

Video is not Displaying in Webview

妖精的绣舞 提交于 2019-11-30 16:20:13
I have one Html Page, In this Html Page I am displaying one Video but this video is not displaying in my application's webview but displaying in Default Browser, so Please tell me what is the problem, below is my code and video and html file is stored into sdcard, sorry for my bad english communication. MainActivity.java public class MainActivity extends Activity { WebView webPage; Button next; String rootDir = "file://" + Environment.getExternalStorageDirectory() + "/iR-unzip/testbook/"; WebChromeClient webChromeClient = new WebChromeClient(); WebViewClient webViewClient = new WebViewClient()

How to identify that html5 media element is stalled and waiting for further media to continue playing

社会主义新天地 提交于 2019-11-30 16:08:36
I am working with MediaSource and SourceBuffer to play html5 video. I am sequentially fetching DASH fragments to continue uninterrupted video play. But sometimes, due to network conditions, SourceBuffer runs out of data to continue play. When that data arrives play resumes. But between this period, video looks stalled. I want to add some visual indication over media element, that it is paused as its buffering required data. I tried binding 'waiting' and 'stalled' events on video, but none of the events get fired. var vid = $('video')[0]; vid.addEventListener('stalled', function(e) { console