Detect if iOS device can play HD video - javascript

I've read that 2nd generation iPod Touches are unable to play some types of video (particularly HD) even if its OS is up-to-date. I'm still trying to track down the video settings of a third-party stream I will be using, but I've already seen this with two 2nd gen Touches with 4.2.1 unable to play video.
Is there a way to detect from Objective C or JavaScript whether the host device is able to play a given type of video? HD video?
EDIT: I've revised my question. I am pretty certain at this point that the problem is HD (or maybe aspect ratio). The problem is that I don't know how to detect what the hardware version is (1st, 2nd or 3rd gen). I can detect the OS version, but it's not the problem.

Modernizr( http://www.modernizr.com/ ) might be able to help you with that

Related

Solution to get the stream of mirrored screen from AirServer and display in HTML5 videos

I'am developing a browser based application (React.js) specifically for my own custom touchscreen device. The OS of my touch screen device is window 10 enterprise edition.
I want to acheive screen sharing from laptop or mobile to my custom made touchscreen device.
I use
navigator.mediaDevices.enumerateDevices().then((devices) => { /**/})
To successfully list all my mediasource such as Camera, Captured card (for HDMI cable connection).
It's work well and I can get the stream to assign to videoSource object.
However, I also want to do wireless screen sharing. So I install Airserver on my touchscreen device.
I wish I could get its listed as one of my mediasource in javascript. So I can mirror the screen shared from other mobile device in browser (Chrome) using HTML video tags.
But there is no AirServer as a media source available.
I really appreciate in advance for any suggestion or tips sharing.
Thank you

Best way to sync video playback on multiple devices using NodeJS and websockets

I am trying to sync video playback across a set number of devices. Each device will play one section of the video, creating one large video playback made up of individual devices. As shown here:
Currently, I have this working fairly well using nodeJS with socket.io. My solution was to set the top left device as the master client device. From the master, I am sending the currentTime of the video to the server where it is broadcasted to the rest of the devices. On the remaining three devices, I am using the master video currentTime to slow or speed up it's video to match the master device video. This works, however, you can sometimes notice that the master video is slightly ahead of the other videos. With this solution, it takes a lot of fine-tuning to get it right.
I am wondering if there's a better way to do this. Would it be more efficient to stream each video from the server to the corresponding device? The app will eventually work with any set grid dimension so streaming-only 4 videos as shown here will not always be the case.

Making an HTML5 Audio Player for mobile browsers

I've spent a few days digging almost any post possible on this subject.
So far I haven't been able to find a proper solution.
Basically I would like to create an HTML5 audio player that plays music (one file at a time) on mobile browsers (iOS/Android) that will play the music instantly when the user clicks "Play" (just like youtube works on mobile browsers) and that the browser won't try to load/cache the whole file first before it plays it.
I tried Audio Sprites and that didn't work well (it is mostly related to web games).

Get orientation of HTML5 video [duplicate]

This question already has answers here:
Chrome HTML5 Video Flipping Portrait Sideways
(3 answers)
Closed 8 years ago.
I've spotted something strange happening. I have an MP4 file that was recorded using an android phone which I am embedding on the page to play using the HTML5 video tag. If I play it in chrome the video is upside down however if I view the same page in chrome on my phone the video plays the correct way round. Is there some sort of orientation meta value that the phone is reading and the desktop browser isn't? Obviously I want it to play the right way round in all browsers so is there a way I can work out which way round it is meant to be displayed either on the client side or with PHP on the server side?
The orientation is stored inside the a tag.
Maybe the desktop browser has no support for orentation.
Using PHP's getid3 lib you are probalby able to read that tag. but then you need to reconvert the video as there are no ways to set the video orientation atm.
http://getid3.sourceforge.net/
Anyway if you have maybe ffmpeg installed on the server you can create a function that checks for the orientation wehn uploaded and if its wrong it automatically converts the video.
in ffmpeg the code to rotate the video is (rotates the surce 180deg):
-vf "transpose=2,transpose=2"
Said that, no atm there is no easy way to automatically rotate the video on desktop devices.

Is there a good wrapper for using Media Player in IE

I need to add media playback ability to a web application. It has to play audio and video, and the player has to be MS Media Player (shouldn't use any plugin non existent on a standard windows machine). I know I can add it directly as an ActiveX to IE, and control it with JavaScript. I wonder if there is some popular and good wrapper that will save me some of the work.
UPADTE: Having a way to easily embed the player on the page is cool. But I would like the interaction with the player to be managed too. Things I would like it to support:
Play
Pause
Stop
Load different media clip
Change volume
resize
Also I would like to be able to replace the default controls (visible in the Windows Media Player) with my own skinned controls.
Hey, this one should help:
http://malsup.com/jquery/media/
Flowplayer is also a good one: http://flowplayer.org/

Categories