My team and I are designing a video-based app for Samsung connected-TVs and Blu-Ray players, and we were wondering if anyone has run into similar graphic rendering issues we've been having with the YouTube player. Namely, if we try to make an instructional help popup panel appear over the player window while a video plays, the popup will disintegrate as the video renders beneath, creating an ugly user experience. Likewise, occasionally the YouTube video player progress bar does not render in its entirely, but rather appears as a splotchy portion to the left, then renders in partially as the video plays and the marker advances along the progress bar to the right. [Please note: these issues do NOT happen in the Samsung emulators, NOR in any 2012 Samsung devices. They ONLY happen in 2011/2010 TVs and Blu-Ray players.]
In terms of the devices themselves and their runtime support, etc., here's what we are testing:
Samsung SmartTVs and BluRays (2010 and 2011): Flash8.0/ FlashLite3.1/ ActionScript2.0
Samsung SmartTVs and BluRays (2012 and 2013): Flash 10.1 / ActionScript 3.0
Thanks very much for any insights or suggestions for how to attack these issues.
I've seen this issue too. It's just another bug and Samsung probably will never fix it as AFAIK they only provide this kind of support for current (2013) and previous (2012) year devices.
The last hope may be a workaround. Try creating a MovieClip filled with transparent rectangle over the affected area and move it around to force redrawing. Other hacks like that may also help.
P.S.: The fact that Flash doesn't seem to be the most popular way of building their apps makes the chance for future firmware update even closer to 0.
Related
I'm working on an instagram share feature on both Android and iOS, and I've noticed sub-par behavior on iOS. I've tried using both the #"instagram://library?AssetPath=" API, as well as the official graph calls, and I cannot find a way to add a video file as a "sticker".
Using #"instagram://library?AssetPath=":
Android shares the video as an adjustable sticker and creates new story slots per the length of the video shared. For example, if I share a minute long video, I am able to pinch zoom and rotate it, and I can see it spanning across 3 story panels.
iOS shares the video (seemingly) as a "backgroundVideo" (see com.instagram.sharedSticker.backgroundVideo). This is static, and set to fill the screen by height. I cannot interact with this video at all, and it is cropped at 20 seconds in length to fill only one single story panel.
The same video file, when added to a story directly from the Instagram app, works correctly as a sticker and looks immensely better.
I also may be totally wrong here, but I'm mostly confident that about 5 weeks ago, iOS was not behaving this way using the #"instagram://library?AssetPath=" method. Perhaps this api was altered.
Has anyone experienced this before? Anyone have ideas on how to share a video file directly and be able to adjust it?
I'd like to be able to view my playlist in vlc in a manner where it is non-obtrusive. Currently it looks something like this:
My desire is kind of the opposite - have the actual video playing take up the majority of the screen and have the playlist unobtrusively off to the side (actually in reality I would probably be happy with an undocked playlist except for this bug.
I'm aware there is a hidden resizer between the video and the media sources thing, but in the image shown I cannot resize the video portion any larger than that.
I know this is a late response, but if anyone else is looking for an answer to this problem like I was, I'd like to spare them the headache of searching any further than necessary for it.
Juidging by this post on VideoLAN's forum made by the site administrator (Jean-Baptiste Kempf), this seems to be working as intended.
Yes, there is no way to have that mode. Either it's two windows, or you just have the preview instead of the thumbnail.
(my emphasis)
This is, in my opinion, a silly limitation/feature to have.
EDIT 2019:
It seems to now be possible to achieve what the OP wants. Just drag the top part of the video up and the navigation will get hidden, you'll see a vertical resize icon replacing the pointer icon when you hover over the line between the navigation and the video. This at least works on my version of VLC (Version 3.0.7.1) on Windows 10
I don't know when this was implemented but I'd feel very silly if I didn't try this before originally posting this answer.
I am developping a swipe gallery for mobile devices. Users can change images by sliding the screen, as any normal images gallery in most iPhone app.
Here is a demo:
http://daviddarx.com/stuffs/work/custom/swip/
To debug the iOS orientation bug (which let the content zoomed when you change the orientation), I used the only library that correct that:
http://scottjehl.github.com/iOS-Orientationchange-Fix/
Unfortunately, this library is working perfectly most of the time, but it happens to fail and not work correctly. This happen around 1 time on 10 times, and the result is then the same as if the library wasn't here.
This is not a huge problem on most of the mobile and responsive website, as the user can manually dezoom and then get back to the normal display.
But the problem here is that I had to disable the zoom function, to make my system work correctly. So, when the bug happen, once on 10 times, the gallery is then just bugged and stay like that....
So, here are my questions:
-do you know any other library that manage that bug fix, and is 100% completely reliable?
-if not, do you know a way to correct the used library to get a 100% support rate?
-if not, do you have any idea or solution for me?
Thank you in advance for your help!
David
There's an outstanding pull request on Scott Jehl's repo that uses slope detection instead of absolute values which seems to not suffer from the intermittent-ness of the original solution.
https://github.com/PeterWooster/iOS-Orientationchange-Fix/
Does anyone know if the iPad has any limitations on the canvas tag?
Currently I'm working on a creative that uses a flipbook and audio tag combination to simulate inline video content. The animations are drawn to the canvas element and synced with the audio content being played. There are 4 short video clips that get played when someone clicks on the four buttons below.
http://cs.sandbox.millennialmedia.com/~tkirchner/rich/K/kungfupanda2_test/
The problem I'm having though is in iPad. After playing a few animations, mobile safari just suddenly crashes. It never happens when I play it on my iPhone but it happens every time on the iPad. Its not one particular animation either because if I click a different combination of buttons, the previous clip that it crashed on plays fine, and then it decides to crash on another clip.
I think the problem might have to do with the amount of memory Safari gives individual page views. I found a blog post that explains that problem pretty well.
http://roblaplaca.com/blog/2010/05/05/ipad-safari-image-limit-workaround/
According to that post, once mobile Safari reaches a particular threshold of memory, images begin to return blank. This is consistant with my finds so far. The iPad that I'm testing this all on is running iOS 3.2.1 (and before anyone tells me that I should just explain to my boss that nobody uses 3.X anymore, I tried... they still want me to investigate this). I borrowed a co-workers iPad running iOS 4.2.1 and that device didn't crash, but some of the images weren't being drawn to the canvas.
I'm pretty sure its a problem with the canvas tag too, because I tried experimenting with running the animation without drawing anything to the canvas element, and the page never crashed.
Thats why I think maybe its a limitation with Safari's support of the canvas tag. Of course, I'm open to anybody else's suggestions.
Feels kinda weird answering my own question again, buuuut I figured if anyone did a search on this kind of question, an answer would be helpful.
I believe my original hypothesis was correct. The total amount of images that the aniamtions were using was around 600+. I think the older iPad loaded as many as it could and then when it ran out of cache and the canvas tag was trying to draw images that weren't really there anymore, it crashed.
Eventually we ended up serving the ad to devices with iOS 4.2 and higher, since the problem didn't seem to occur on those newer devices. Plus, we compressed the image sizes further, so that helped reduce the amount of images we were storing into memory.
If anybody knows approximately what the cache threshold in iOS 4.2 or higher browsers are, I'd appreciate it if you commented. Just want to get an idea of how many KB of image data I can safely load.
I've been working on an iPad-specific site that uses HTML5 video and though I've got video playback working, I can't for the life of me get the poster image to appear. It looks fine on Desktop Safari. Here's the code:
<video src="video/about_the_man.mp4" controls height=360 width=480 poster="video/posters/about_the_man.jpg"></video>
I've using this link as a reference (listing 1.2): https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/AudioandVideoTagBasics/AudioandVideoTagBasics.html#//apple_ref/doc/uid/TP40009523-CH2-SW6
It says that on iOS the poster image will be shown until the user initiates playback, but right now all I'm getting is a black video-sized screen with a big play button in the center. I've looked at other postings on this top (here and here) but neither solution has worked for me. The only thing that's a little bit unconventional about the site is that the video element is in an inline lightbox, so initially on pageload it's not visible, but I don't know why that would make a difference.
I had the exact same problem. I decided to try my code on other iPad's, and it worked fine. The poster image showed up.
After scratching my head for a bit, the solution was to hard reset the iPad and try again. After a reboot, my iPad displayed the poster image as it should.
Maybe it will work for you?
I found there is a limit to the amount of images you can load on an iPad
Here is what it says:
I hit a mobile Safari limitation recently when building an AJAX-y site
on the iPad. If you load a ton of images eventually mobile Safari cuts
you off and will display a [?] instead of the image. After doing some
tests it appears that this limit is around 6.5 MB. Here’s a test page
I made that attempts to load 20 500kb images. When opening this page
on an iPad, 7 of the images don’t appear, even though in Charles they
are returning 200 – success. I’m assuming this is similar to the way
autoplay is disabled for the video tag on iPad/iPhone. Apple probably
wants to make sure users don’t get overloaded with downloads when
browsing on 3G.
Anyhow, 6.5 MB is a hefty load and wouldn’t fare well on 3G, but for one reason or another you may want to work around this limitation. I found the easiest way to patch my code was to load the image into a canvas tag using drawImage(). The canvas tag appears to be immune to the limitation.
Here’s another test page using the canvas tag, all the images should load.