html5-video

How to batch convert mp4 files to ogg with ffmpeg using a bash command or Ruby

半世苍凉 提交于 2019-11-29 07:16:33
I am running a OSX, don't know tons about video conversions. But I have like 200 videos that are all in mp4 format and won't play in Firefox. I need to convert them to ogg to use the html5 video tag. These files live in a folder structure that makes it hard to do files one at a time. I would like the bash command or Ruby command to go through all child folders and find all .mp4's and convert them. I found one reference of how to do this with Google: http://athmasagar.wordpress.com/2011/05/12/a-bash-script-to-convert-mp4-files-to-oggogv/ #!/bin/bash for f in $(ls *mp4 | sed ‘s/\(.*\)\..*/\1/’)

HTML5 video remove overlay play icon

筅森魡賤 提交于 2019-11-29 07:07:41
How do I remove the overlay play icon (triangle) that's visible in the center of the video for a second or so every time a video starts playing in an Android WebView? Thanks in advance! If you said about this picture This is picture I had when tested my app on Android 6.0. You can hide this picture. For example: WebView mWebView = (WebView) findViewById(R.id.web_view); mWebView.setWebChromeClient(new WebChromeClientCustomPoster()); Chrome client class: private class WebChromeClientCustomPoster extends WebChromeClient { @Override public Bitmap getDefaultVideoPoster() { return Bitmap

HTML5 <video> can play .mkv files?

本秂侑毒 提交于 2019-11-29 07:06:51
问题 So I accidentally opened an mkv video file with Chrome, and to my surprise it played it using the native player: <video src="video.mkv"></video> It was playing perfectly. HTML5 video supports matroska container? 回答1: HTML5 doesn't support any video formats, or rather HTML5 doesn't specify what formats browsers should support. It's up to the browsers to decide which formats they choose to support. Apparently Chrome plays .mkv, but I wouldn't be surprised if other browsers didn't play the same

Can I get the number of the current frame in an HTML5 video?

|▌冷眼眸甩不掉的悲伤 提交于 2019-11-29 06:37:21
I am currently trying to customize an HTML5 video player so that I can add a button that returns the current frame number. Lets say I have a 30fps video that lasts 90 seconds. When I click on that button I want it to print me the number of the current frame. Is that possible? I don't think there is a set standard framerate across browsers or any way of accessing the current frame out of the box with html5 video. What you could do though is use the television standard framerate of 29.97 frames per second and simply multiply that by the video's current time like so: (vid.currentTime * 29.97)

Firefox fullscreen video append DOM elements

萝らか妹 提交于 2019-11-29 06:32:38
no matter how I put elements in DOM as an overlay on html5 video (statically or dynamically), those elements in Firefox are not visible, although the z-index is set to 2147483647, opacity 1 and display block. See 2 similar answers, working in Chrome, but not in FF: Overlay on HTML5 Fullscreen Video Displaying elements other than fullscreen element (HTML5 fullscreen API) To Display Overlay Element, instead of making video fullscreen, make parent of Video Element Fullscreen. See Example Here - https://jsfiddle.net/tv1981/tm069z9c/1/ In following structure, I am making 'container' fullscreen <div

Chrome HTML5 Video Flipping Portrait Sideways

喜你入骨 提交于 2019-11-29 06:24:26
I'm building a site to display video recorded from an iPhone. The video comes in portrait orientation, at 288x352. Safari displays this video just fine, but in Chrome, the video is flipped into landscape mode, 352x288. My head is sideways. :-( Here's the page in question: http://aaron.tiberiuslog.com/B4F4CC56-172E-4D84-9656-BE04E6E475A0 And here's the video itself if that helps. http://tiberiuslog.s3.amazonaws.com/output_D7DB78A9-8019-4D09-9B22-EB8738F844BB-2380-000001530B13BE09.mov I've tried using vanilla HTML5 markup, and have now added VideoJS , though it made no difference for this issue.

ffmpeg video editing command in milliseconds timestamp

一个人想着一个人 提交于 2019-11-29 05:24:41
问题 I am editing a video through ffmpeg where I have to keep in view the timestamp further deep from seconds to milliseconds. I know such command : ffmpeg -i a.ogg -ss 00:01:02 -to 00:01:03 -c copy x2.ogg. It point to seconds, but I want to go to milliseconds. What should I do? 回答1: you can try: ffmpeg -i a.ogg -ss 00:01:02.500 -t 00:01:03.250 -c copy x2.ogg Timestamps need to be in HH:MM:SS.xxx format for advanced precision (where xxx are milliseconds). Let me know if it works. 来源: https:/

overlay over dynamically inserted video tag in ipad

孤者浪人 提交于 2019-11-29 05:19:33
I'm currently developing a video player with support for ipad. It's more of a jquery plugin. It works great on desktop and I even managed to add my custom controls on the ipad. So far so good. The problem is that I am creating and inserting dynamically the video element, fact that messes up the ipad a bit. I followed this approach because I found out (after a few long hours) that if you try to wrap ( $.wrap ) the video into a container, the video will crash. After inserting the video, it acts almost as normal (it is playable and responds to events), but it's position/display properties are

Autoplay HTML5 audio/video in iOS5

筅森魡賤 提交于 2019-11-29 05:04:22
I have an HTML5 web-app that has sound effects. I'm trying to get these effects working in iOS5 and can't for the life of me. Wondering if anyone has any work-arounds to get JS control of an HTML5 audio/video control in iOS5. Or even a way to control multiple audio files with one click. As it stands right now, if I have 10 sound effects, I'd need 10 user clicks to get control of all of them, which is absurd ! Absurb, but you have to see it from iPhone or any mobile phone's point of view. It is a mobile phone going over a cellular network with bandwidth limitations, which many people know about

Video capture in HTML 5

雨燕双飞 提交于 2019-11-29 04:02:37
问题 How to capture video from a video device and make that video available in HTML5 canvas ? 回答1: Perhaps you should use HTML5 Video Capturing feature. This way instead of installing any plugins tell users to upgrade their browser ;) 回答2: Currently, the HTML5 standard doesn't offer microphone and camera capabilities. But, there's a jQuery plugin that offers just that using a small flash utility 来源: https://stackoverflow.com/questions/7386675/video-capture-in-html-5