HTML5 content for iPad - ipad

As Flash content is not supported on iPad, we keep on hearing that the content can be converted into HTML5 content which works on the iPad.
So my question is specifically which are those formats that the iPad actually plays (like .swf is for Flash) ?

There are various video codecs such as H.264 that HTML 5 developed video players can play.
You can read more into the concepts here: Video - Dive Into HTML5
There are several video encoders out there that can convert your video into one of these formats usually with the mp4 extension.

Just reiterating what #James-Santiago said, MP4 is the way to go and for converting, I'd recommend Miro Video Converter.
Once you have your video decoded, add the HTML5 DOCTYPE and then the following code to play your video:
<video src="myVideo.mp4" controls></video>

Related

Can make the camera plugin support h264 encoding on ios

The video I recorded on the iphone using the camera plug-in is h265 encoded and cannot be played on Android. Can the video recorded on the ios also be h264 encoded? I tried to solve this problem myself, the following is my code, Can it be merged into the camera plug-in, or when shooting video, support parameter setting encoding format?
enter image description here

How to convert image to video with DRM (FairPlay)

I want to hide some private content on screenshots. Since Apple provide us only userDidTakeScreenshotNotification, the only way to achieve this is to convert image to video with DRM. According to these thread:
If your application uses FairPlay Streaming (FPS) your video content
will automatically not be captured by the iOS 11 screen recording
feature or QuickTime Player on macOS. The portion of your application
that is playing the content will be blacked out.
I found commercial implementation of these idea in ScreenShieldKit, but it costs money.
The main question:
How it's possible to convert image or label to FairPlay Streaming (FPS) video in offline mode?

Compress iOS video using Phonegap

Is there any tips, suggestions, or available plugins for Phonegap that might be available to Capture a video using Phonegap's capture feature, then programmatically compress or reduce the quality of the video such that it can be uploaded to a server?
The video file sizes can become rather large with videos longer than 5 minutes. I would strongly prefer not to have save the video to the iPhone.
Currently it is not possible. You might have a look at this plugin, but up to Cordova 3.5 it is not possible to compress a video, and you can set its duration only on iOS

View uploaded video in iOS app

I have a bunch of videos uploaded to google drive. They are in mpeg4 (avi) format I believe. I have tried everything I can think to view the video in a MPMoviePlayerViewController. In the simulator the video player launches and looks like it playing, but I don't see any video. When I run it on my device the player won't launch. I have tried to use the downloadUrl, alternateLink, embedLink and webContentLink with no success.
Is it possible to stream video from Google Drive to iOS?
The simulator isn't a full blown emulator, but just a simulator. It uses similar frameworks from Mac OS, which may have different functionality than on iOS. In other words, the simulator may have more capabilities than an actual device.
The MPMoviePlayerController class on iOS supports only a few containers and codecs, and does not support AVI.
Supported Formats
This class plays any movie or audio file supported in iOS. This
includes both streamed content and fixed-length files. For movie
files, this typically means files with the extensions .mov, .mp4,
.mpv, and .3gp and using one of the following compression standards:
H.264 Baseline Profile Level 3.0 video, up to 640 x 480 at 30 fps. (The Baseline profile does not support B frames.)
MPEG-4 Part 2 video (Simple Profile)
If you use this class to play audio files, it displays a white screen
with a QuickTime logo while the audio plays. For audio files, this
class supports AAC-LC audio at up to 48 kHz, and MP3 (MPEG-1 Audio
Layer 3) up to 48 kHz, stereo audio.

What is the maximum video/movie resolution for iPad 3 (retina)?

For some reason, when I try to play a video that is 1536x2048 on the ipad 3, it doesn't play the video, it just skips it. I've checked that the URL for the video is correct. I'm using MPMoviePlayerController. I tried playing the same video on an ipad also and it does the same thing. It just acts like it ignored the "play" line of code.
Is there a maximum supported video resolution then?
According to MPMoviePlayerController reference I'd say that this can answer you:
Supported Formats
This class plays any movie or audio file supported in iOS. This includes both streamed content and fixed-length files. For movie files, this typically means files with the extensions .mov, .mp4, .mpv, and .3gp and using one of the following compression standards:
H.264 Baseline Profile Level 3.0 video, up to 640 x 480 at 30 fps. (The Baseline profile does not support B frames.)
MPEG-4 Part 2 video (Simple Profile)
If you use this class to play audio files, it displays a white screen with a QuickTime logo while the audio plays. For audio files, this class supports AAC-LC audio at up to 48 kHz, and MP3 (MPEG-1 Audio Layer 3) up to 48 kHz, stereo audio.

Resources