ADDITION : It seems to work correctly on other native apps. Broke on web browsers ONLY. (ie. Chrome, Mobile Safari)
Using HLS (=.m3u8) for providing adaptive streaming, and considering to use WebVTT for subtitle. But I found out some characters, except English, happened to be broken on iOS 8.x devices when I played them on Mobile Safari. It works well on iOS 7 device.
Here’s an official sample video(.m3u8) web page hosted from Apple:
https://developer.apple.com/streaming/examples/advanced-stream.html
If you load this on both on iOS 7.x and iOS 8.x devices, select Japanese subtitle, then it will display broken characters on iOS 8.x (okay for 7.x and below):
Any ideas to avoid? I've tested this on iOS Simulator (7.1, 8.1, 8.2 beta 4) and iOS devices(8.0.2, 8.1.2).
There has been no answer since I've posted this and I still have got struggled with this issue. However, I give you my 4-months-workaround and trivia here:
There are two environments for native iOS video playback feature:
HTML5 Video & Native app playback SDK (such as AVPlayer)
You can provide multiple subtitle feature by using WebVTT. This is an ONLY option unless you have 3rd party renderer or something from your backyard.
If you wanna implement your own subtitle feature, you must start considering how to handle the controller UI of video player. One example of them, you can't use built-in full screen feature with your subtitle renderer. I think, if your subtitle-base isn't WebVTT (or such as .SRT, which is similar to .VTT), then implementing a subtitle renderer isn't a bad idea. (In my case, I implemented a subtitle converter to create .VTT subtitle files, though)
Trivia of iOS HTML5 video :
You can provide WebVTT by embedding them into HLS playlist, and also by putting element into element.
>= iOS 8.0, if you provide WebVTT files by embedding them into HLS playlist, then multibyte characters would get broken. (This has been my problem, as described above)
If you provide WebVTT files by putting element into element, simply it works everywhere. (at least >= iOS 6.0. I didn't check older versions)
CSS styling works. It means that you can colorize your subtitle.
Trivia of iOS HTML5 video :
You should embed all WebVTT into HLS playlist to use iOS built-in subtitle feature. There is no other way.
CSS styling not works. No text coloring.
Multibyte character not gets broken. Peace.
I hope you a good luck, if you fell into this subtitle hell :(
Related
Im recording 360° videos for my real estate agency and embed the videos on my wordpress website on the various listings. However after being uploading new videos for properties for about 3 days now. Ive realized they dont play correctly on iOS devices.
Basically you cant move the camera around with your finger or by moving the device around.
Android does work, but iOS doesnt. Tried different browsers too its something to do with how ioS or the player iOS uses when playing a youtube video.
How can I fix this problem? As its a massive issue that I must fix somehow.
Thanks in advance!
Example link: https://66property.com/estate_property/studio-for-rent-at-srithana-condo-on-high-floor-w-mountain-view/
Video works fine on android/desktop/mac/windows but not if on iOS. Tested Safari and Chrome. Both didnt work.
This has been a limitation for some time on Mobile devices unfortunately - embedded 360 videos require the YouTube App to play. See note from YouTube (https://support.google.com/youtube/answer/6178631?hl=en):
To watch 180° or 360° videos, you need the latest version of Chrome, Opera, Firefox, or MS Edge. On mobile devices, use the latest version of the YouTube app.
It does appear to work on Android devices when embedded now, but on iOS this seems to still be a restriction.
I'm building a Cordova app with a video capturing feature. Focusing on iOS devices. I'm currently using the videoCapture plugin. I would like the ability to set the size of the capturing screen to just half the screen (to be able to show content on the phones screen at the same time as the video is captured).
I have been looking in to some Cordova plugins such as SnapsCamera and it seems to do sort of what I need but it lacks documentation and dosen't look well supported.
Any recommendations about other plugins or ways to go from here?
(My knowledge in objective C /Swift is very limited)
I have an application which shows live streams. It works well on iOS 6 and 7 but not on iOS 8.
The controls of the MPMoviePlayerViewController used to have the bullet defining the time on the timeline (2 on picture) to the right because we are live and we cannot go further in the stream. It also used to show "Live" at the right of the timeline when the stream is watching live (1 on picture).
Here is how it looks correctly on iOS 6:
Here is how it looks badly on iOS 8:
After searching the net, is does not seems something have changed in the API's of iOS8 for that.
Is it a known bug of iOS 8?
Thanks for help!
I wasn't sure where to exactly ask this question, so here seemed most appropriate i guess. Something weird happened, quicktime movieclips suddenly stopped streaming in Safari on my Ipad, if i try to load one in the adres bar now i just get a crossed out video icon. I became aware of this because i tried streaming a video thats in an app i developed and all of a sudden it didn't work anymore whereas it had been working perfectly fine before... So i figured trying streaming them in Safari to see if that would work but well... It didn't. This is one of the files http://www.royniginal.nl/newswall/tiles/bioGrid/video/vid1.mov , can someone confirm maybe whether or not this is streaming on an iPad (in safari), like i said it has been working fine on my Ipad before...
No this does not stream, which suggests it is a codec issue. I had this problem with developing websites. If you have access to this video to change it, the best format is MP4 which is the only safari supported video format according to W3C schools HTML5 section. This should fix the problem.
I noticed on the card.io website there is a flash button during the scanning process. How do I activate that? I looked at the header files and did not see a property for that.
This is for the iOS SDK.
Thanks.
#CLDev, thanks for asking!
Older versions of the card.io SDK for iOS did indeed include that flash button in the interface. But in the current version, we have taken a new approach.
Now, in a low-light situation the flash will automatically come on, and its brightness will be automatically adjusted by the SDK. We have run lots of experiments, and we think that we've arrived at settings that produce the best results for most cards in most lighting situations.
(Some older devices don't support the APIs for adjusting flash brightness. On those older devices, the SDK will instead display the flash button, as in the past.)