forum.coppermine-gallery.net

Support => cpg1.5.x Support => cpg1.5 plugins => Topic started by: GrimmReaperNL on January 22, 2013, 10:24:36 pm

Title: Media player for mobile devices
Post by: GrimmReaperNL on January 22, 2013, 10:24:36 pm
Not really asking for anybody to fix something, just honestly looking for some help.

I'm currently using this player plug-in (http://forum.coppermine-gallery.net/index.php/topic,62704.0.html) to display video's (flv) in my gallery.
Works prefectly fine on windows, but it gets weird (basicly because of my not-understanding) on android.
On my phone (only device i have to test mobile platform) i have flash and air installed (don't know if that helps or worsens my case).

Using the default android browser, it shows the player and plays the file, but stutters immensly.
Using chrome, it shows a thumbnail with a playbutton. clicking this opens a link in the default browser which then polls me to use a video player (currently have MX player (which plays the file just fine) and the default (which doesn't play the file)).
It doesn't seem to matter if i turn 'request desktop version' on or off.

Who can help me get a smooth picture on mobile devices?

Here's a link to a video in said gallery, in case you need one for testing or whatever.
http://www.avantcourir.nl/cpg/displayimage.php?album=157&pid=15117
Title: Re: Media player for mobile devices
Post by: phill104 on January 23, 2013, 12:02:21 am
All coppermine does here is act as a repositry for your files. Sadly, flash has all sorts of problems especially on mobile devices. To get it to work on mobile at a decent speed all depends on the quality that you encoded your video at in the first place. If you encoded it at a high bit rate then it will always have trouble streaming.

Maybe this link will help - http://www.tested.com/tech/android/1966-how-to-properly-encode-video-for-android-devices/

Personally I would encode them in one of the HTML5 compatible formats though I have not tested this with CPG yet. Maybe Andre has some ideas on that.
Title: Re: Re: Media player for mobile devices
Post by: GrimmReaperNL on January 23, 2013, 03:11:06 am
All coppermine does here is act as a repositry for your files. Sadly, flash has all sorts of problems especially on mobile devices. To get it to work on mobile at a decent speed all depends on the quality that you encoded your video at in the first place. If you encoded it at a high bit rate then it will always have trouble streaming.
That makes sense

Maybe this link will help - http://www.tested.com/tech/android/1966-how-to-properly-encode-video-for-android-devices/
I'll have a stab at their general suggestion. Encode a file a couple of times differently and see what works.

Personally I would encode them in one of the HTML5 compatible formats though I have not tested this with CPG yet. Maybe Andre has some ideas on that.
HTML5 does seem to work on all platforms (with current browsers, obviously). Seeing you said you haven't tried with CPG yet. I'm guessing there's no plug-in for it yet.
I've tried using the new JW player 6 with the CPG plug-in I linked, but I'm not good at it. Got a player showing up, but it told me it couldn't find the source file.

Thanks for the quick reply Phill
Title: Re: Media player for mobile devices
Post by: Αndré on January 24, 2013, 10:20:53 am
Quote from: http://www.longtailvideo.com/jw-player/
JW Player 6 automatically selects the best playback for your viewer's device and browser, so you deliver unparalleled video experience on iPhone, iPad, Android, and the Desktop.

I'll check that in detail.
Title: Re: Media player for mobile devices
Post by: Αndré on January 24, 2013, 11:03:53 am
Please try the flash media player plugin version 2.1. Here you can find the supported media formats of the player: http://www.longtailvideo.com/support/jw-player/28836/media-format-support
Title: Re: Media player for mobile devices
Post by: phill104 on January 24, 2013, 11:29:37 am
Great work Andre.

Just of note from the longtail site

Quote
Removed: Flash mode on AndroidFlash support and availability on Android is lackluster. JW6 therefore does not support Flash on Android. Please make your media compatible with HTML5 when targeting Android devices.
Title: Re: Media player for mobile devices
Post by: Αndré on January 24, 2013, 11:39:25 am
To make it even more concrete, it's recommended to use the mp4 format if your video files should be played on all devices:
Quote
MP4 videos using the H.264 video codec and the AAC audio codec. MP4 is of high quality and can be played in all browsers and devices. It is today's video format of choice.

For audio files it's fine to use aac or mp3.
Title: Re: Media player for mobile devices
Post by: GrimmReaperNL on January 24, 2013, 10:35:11 pm
Thanks for the update André! I'll make sure to check it out and let you know.
And thanks for the pointer Phill. I'll make sure to encode to mp4.
Title: Re: Media player for mobile devices
Post by: GrimmReaperNL on January 24, 2013, 11:07:33 pm
So I converted a video 3 times. 1080p, 720p HBR and 720p [link (http://avantcourir.nl/cpg/thumbnails.php?album=159)]
These now work find on android. It loads the HTML5 player.

However, on windows it now tells me it can't load the video file.
Title: Re: Media player for mobile devices
Post by: Αndré on January 24, 2013, 11:14:35 pm
Works almost for me with Firefox 18.0.1 on Windows 7, though it loads the whole video before it starts to play. Almost, as I just get the sound but no video. Haven't checked the video file in detail yet.
Title: Re: Media player for mobile devices
Post by: phill104 on January 25, 2013, 12:09:51 am
The test videos work fine for me on both my iPad and on win7 with ie9 and on win8 with ie10.
Title: Re: Re: Media player for mobile devices
Post by: GrimmReaperNL on January 25, 2013, 12:59:10 am
Works almost for me with Firefox 18.0.1 on Windows 7, though it loads the whole video before it starts to play. Almost, as I just get the sound but no video. Haven't checked the video file in detail yet.
The test videos work fine for me on both my iPad and on win7 with ie9 and on win8 with ie10.
:(

That is so weird. I've tried with:These were all with the mp4 file.

The previously uploaded videos (flv) all still play fine on windows, but not on android. Do I have to readd them to the gallery?
Title: Re: Media player for mobile devices
Post by: Jeff Bailey on January 25, 2013, 01:23:51 am
Also works for me in Chrome on Vista.
Is error loading file the only error text you see?
Maybe use the developer tools in the browser to see exactly what is trying to be loaded.
Title: Re: Media player for mobile devices
Post by: Αndré on January 25, 2013, 10:00:38 am
This is what I get on Windows XP using Chrome (see attachment). Chrome is using the HTML5 player. I'm currently not able to check your encoded video file, but maybe this guide helps: http://www.longtailvideo.com/support/jw-player/28838/mp4-video-encoding
Title: Re: Re: Media player for mobile devices
Post by: GrimmReaperNL on January 25, 2013, 04:03:39 pm
This is what I get on Windows XP using Chrome (see attachment). Chrome is using the HTML5 player. I'm currently not able to check your encoded video file, but maybe this guide helps: http://www.longtailvideo.com/support/jw-player/28838/mp4-video-encoding
yes, i'm getting that same error.

the exact specs for the encoded videos are:
All 3 of these work on android, but gives me that error in aformentioned browsers.
Also works for me in Chrome on Vista.
Is error loading file the only error text you see?
Maybe use the developer tools in the browser to see exactly what is trying to be loaded.
I've attached the <td> the video is in .
Title: Re: Media player for mobile devices
Post by: phill104 on January 25, 2013, 04:15:12 pm
Can you upload the original file somewhere so that I can download it and try encoding it myself.
Title: Re: Media player for mobile devices
Post by: Veronica on January 25, 2013, 04:20:13 pm
Current video versions works ok for me on: Opera, Chrome, FireFox, IE8 and Safari on XP
Title: Re: Re: Media player for mobile devices
Post by: GrimmReaperNL on January 25, 2013, 04:27:55 pm
Can you upload the original file somewhere so that I can download it and try encoding it myself.
http://avantcourir.nl/cpg/albums/gallery/2013/Drachten1/AC_Juniorclass2013_Drachten1.mpg is my source file.

Current video versions works ok for me on: Opera, Chrome, FireFox, IE8 and Safari on XP
Thanks for trying. I've had a couple of guy I know try on their desktops and mobile devices (android and ios) too. mobile devices work, desktops it doesn't.. isn't webdev fun?! >.<
Title: Re: Media player for mobile devices
Post by: Αndré on January 25, 2013, 04:32:03 pm
I wonder why it worked for Veronica. Veronica, can you please check if the flash player or the HTML5 player has been used on each browser? Thanks!
Title: Re: Media player for mobile devices
Post by: phill104 on January 25, 2013, 04:45:56 pm
It worked for me on my work laptop yesterday but today at home it does not (fine on ios though). I am experimenting with different encoding methods as we speak. What software are you using to convert the videos?
Title: Re: Media player for mobile devices
Post by: phill104 on January 25, 2013, 04:47:09 pm
Current video versions works ok for me on: Opera, Chrome, FireFox, IE8 and Safari on XP

Were you going to the original link or the files in the "test" gallery. Those are the ones causing the problems.
Title: Re: Media player for mobile devices
Post by: Αndré on January 25, 2013, 04:47:48 pm
So this issue is maybe related to the used Flash version? Please always check if the flash player has been used, as the HTML5 player seems to work as expected, where supported.
Title: Re: Re: Media player for mobile devices
Post by: Veronica on January 25, 2013, 04:53:42 pm
I wonder why it worked for Veronica. Veronica, can you please check if the flash player or the HTML5 player has been used on each browser? Thanks!

I use the JW Player version 6.1.2972 in all browsers

The only problem I see are short lags sometime ie remote bandwidth or server load issue
when I get the circle in the middle of the video frame
Title: Re: Re: Media player for mobile devices
Post by: Veronica on January 25, 2013, 05:09:55 pm
Were you going to the original link or the files in the "test" gallery. Those are the ones causing the problems.

Sorry I missed that album
Those 3 test videos don't load for me when using JW Player 6
only sound after a long time downloading the entire source
Title: Re: Media player for mobile devices
Post by: Αndré on January 25, 2013, 05:13:14 pm
Thanks, that equals my test results. I assume Phill finds out more while re-encoding the video.
Title: Re: Media player for mobile devices
Post by: Veronica on January 25, 2013, 05:15:30 pm
Video formats http://www.longtailvideo.com/html5/formats/
Title: Re: Media player for mobile devices
Post by: Αndré on January 25, 2013, 05:22:55 pm
The supported HTML5 video formats don't matter in our case, as the flash player is used and this doesn't work as expected. Of course it would be great if all browsers would support all those file types, but that's nothing we can fix.
Title: Re: Media player for mobile devices
Post by: Veronica on January 25, 2013, 05:35:23 pm
There is a jwplayer.html5.js file in the JW Player 6 download now you are only loading the standard jwplayer.js javascript
Title: Re: Media player for mobile devices
Post by: Αndré on January 25, 2013, 05:43:50 pm
you are only loading the standard jwplayer.js javascript
Exactly as described in the JW Player docs:
Quote from: http://www.longtailvideo.com/support/jw-player/28834/migrating-from-jw5-to-jw6
It is also not needed anymore to specifically point to the location of jwplayer.flash.swf. Instead, JW6 presumes the file (and jwplayer.html5.js) is in the same location as the main jwplayer.js library.
;)
Title: Re: Media player for mobile devices
Post by: Veronica on January 25, 2013, 06:37:20 pm
I downloaded the videos for looking at the codecs used and it's MPEG-4 Visual
to my knowledge the only allowed Flash Player codec for H.264 is MPEG4 AVC
which I use in my mp4 files
Title: Re: Re: Media player for mobile devices
Post by: GrimmReaperNL on January 25, 2013, 08:48:13 pm
It worked for me on my work laptop yesterday but today at home it does not (fine on ios though). I am experimenting with different encoding methods as we speak. What software are you using to convert the videos?
I'm using these guys (http://www.dvdvideosoft.com/free-dvd-video-software.htm), it's a bundled software studio. MP4 converter (http://www.dvdvideosoft.com/products/dvd/Free-MP4-Video-Converter.htm) and FLV converter (http://www.dvdvideosoft.com/products/dvd/Free-Video-to-Flash-Converter.htm).
Title: Re: Media player for mobile devices
Post by: Αndré on January 25, 2013, 08:52:10 pm
I'm using these guys (http://www.dvdvideosoft.com/free-dvd-video-software.htm), it's a bundled software studio. MP4 converter (http://www.dvdvideosoft.com/products/dvd/Free-MP4-Video-Converter.htm) and FLV converter (http://www.dvdvideosoft.com/products/dvd/Free-Video-to-Flash-Converter.htm).
But obviously their software doesn't produce working video files.... ;)
Title: Re: Media player for mobile devices
Post by: Veronica on January 25, 2013, 09:19:26 pm
I use this free software http://www.sothinkmedia.com/video-converter/
Title: Re: Re: Media player for mobile devices
Post by: Veronica on January 25, 2013, 09:25:32 pm
I'm using these guys (http://www.dvdvideosoft.com/free-dvd-video-software.htm), it's a bundled software studio. MP4 converter (http://www.dvdvideosoft.com/products/dvd/Free-MP4-Video-Converter.htm) and FLV converter (http://www.dvdvideosoft.com/products/dvd/Free-Video-to-Flash-Converter.htm).

I can't find a H.264 converter on that page
Title: Re: Media player for mobile devices
Post by: phill104 on January 25, 2013, 09:29:31 pm
Yep, that certainly does appear to be the problem. I have tested using that, Quicktime Pro and Sothink so I suggest Mr Reaper takes his scythe to Free Studio 5 and changes to a better converter.
Title: Re: Media player for mobile devices
Post by: Αndré on January 25, 2013, 09:43:04 pm
So it works with files which have been converted with other tools? I rarely convert video files, mostly I let YouTube do that work :P But if I convert, I usually use Handbrake (after all other tested free tools seems to be more bloatware than what I searched for). It also seems to be the recommended tool of the JW Player team (http://www.longtailvideo.com/support/jw-player/28838/mp4-video-encoding).
Title: Re: Re: Media player for mobile devices
Post by: Veronica on January 25, 2013, 10:06:53 pm
Yep, that certainly does appear to be the problem. I have tested using that, Quicktime Pro and Sothink so I suggest Mr Reaper takes his scythe to Free Studio 5 and changes to a better converter.

It's probably nothing wrong with the Free Studio 5 converters except that they don't have a H.264 converter
which is required for playing video in the Adobe Flash Player with the JW or any other video player
Title: Re: Media player for mobile devices
Post by: GrimmReaperNL on January 25, 2013, 10:10:42 pm
But obviously their software doesn't produce working video files.... ;)
Works fine for the FLV's I was using before xD
I can't find a H.264 converter on that page
All the JW site says is mp4 with aac audio. which is what my files are >.<


Anyway, I'll do some encodes with handbrake and try with those. Will let you know.
I'm suprised how active this thread got in relation the the other threads in this forum. Thanks for the help guys and girl (guessing veronica is a girl/woman)!
Title: Re: Media player for mobile devices
Post by: Veronica on January 25, 2013, 10:24:13 pm
Supported codecs | Flash Player:   http://helpx.adobe.com/flash/kb/supported-codecs-flash-player.html

Further reading about H.264/MPEG-4 AVC:   http://en.wikipedia.org/wiki/H.264/MPEG-4_AVC (http://en.wikipedia.org/wiki/H.264/MPEG-4_AVC)
Quote
H.264 is perhaps best known as being one of the codec (http://en.wikipedia.org/wiki/Codec) standards for Blu-ray Discs (http://en.wikipedia.org/wiki/Blu-ray_Disc); all Blu-ray Disc players must be able to decode H.264.
It is also widely used by streaming internet sources, such as videos from Vimeo (http://en.wikipedia.org/wiki/Vimeo), YouTube (http://en.wikipedia.org/wiki/YouTube), and the iTunes Store (http://en.wikipedia.org/wiki/ITunes_Store),
web software such as the Adobe Flash Player (http://en.wikipedia.org/wiki/Adobe_Flash_Player) and Microsoft Silverlight (http://en.wikipedia.org/wiki/Microsoft_Silverlight), and also various HDTV broadcasts over terrestrial
(ATSC (http://en.wikipedia.org/wiki/ATSC), ISDB-T (http://en.wikipedia.org/wiki/ISDB-T), DVB-T (http://en.wikipedia.org/wiki/DVB-T) or DVB-T2 (http://en.wikipedia.org/wiki/DVB-T2)), cable (DVB-C (http://en.wikipedia.org/wiki/DVB-C)) and satellite (DVB-S (http://en.wikipedia.org/wiki/DVB-S) and DVB-S2 (http://en.wikipedia.org/wiki/DVB-S2)).

I downloaded the videos for looking at the codecs used and it's MPEG-4 Visual
to my knowledge the only allowed Flash Player codec for H.264 is MPEG4 AVC
which I use in my mp4 files
Title: Re: Media player for mobile devices
Post by: Veronica on January 25, 2013, 10:56:59 pm
Works fine for the FLV's I was using before xDAll the JW site says is mp4 with aac audio. which is what my files are >.<


Anyway, I'll do some encodes with handbrake and try with those. Will let you know.
I'm suprised how active this thread got in relation the the other threads in this forum. Thanks for the help guys and girl (guessing veronica is a girl/woman)!

Your flv files were coded with the AVC codec and named as  .flv
Your mp4 files were coded with MPEG-4 Visual codec and named as  .mp4
Correct mp4 files should be coded with MPEG4 AVC codec and named as  .mp4
Title: Re: Re: Media player for mobile devices
Post by: phill104 on January 25, 2013, 11:09:52 pm
So it works with files which have been converted with other tools? I rarely convert video files, mostly I let YouTube do that work :P [/url].

GrimmReaperNL

Like Andre I tend to used external tools to convert but I use Vimeo instead as there are far less adverts. Also saves using your own bandwidth and file space up. To that end we do have a plugin that will allow you to place your remote videos in your CPG gallery and it supports a number of providors including Youtube, Vimeo and many more - http://forum.coppermine-gallery.net/index.php/topic,60195.0.html
Title: Re: Re: Re: Media player for mobile devices
Post by: GrimmReaperNL on January 26, 2013, 01:35:07 am
GrimmReaperNL

Like Andre I tend to used external tools to convert but I use Vimeo instead as there are far less adverts. Also saves using your own bandwidth and file space up. To that end we do have a plugin that will allow you to place your remote videos in your CPG gallery and it supports a number of providors including Youtube, Vimeo and many more - http://forum.coppermine-gallery.net/index.php/topic,60195.0.html
I have seen and tried the remote video plug-in. We hosted the video's on youtube a while back, but because of a couple of reasons we decided to host them ourselfs.
Your flv files were coded with the AVC codec and named as  .flv
Your mp4 files were coded with MPEG-4 Visual codec and named as  .mp4
Correct mp4 files should be coded with MPEG4 AVC codec and named as  .mp4
See to me, because I had (have) no idea about containers and codecs. if a file says mp4, it's an mp4 xD
But I've seen what you're getting at and I kind of understand what you're talking about now. specially with the different video and audio tabs in handbrake.

So i've tried handbrake, made sure video was set to H.264 and audio to AAC aaand because I'm pigheaded I left qualities nice and high :P
http://avantcourir.nl/cpg/displayimage.php?album=159&pid=15234#top_display_media
This now works (for me at least) on Chrome, Firefox and android (default and chrome), but not in IE (tried IE9 and Slimbrowser) based browsers.
Title: Re: Media player for mobile devices
Post by: Veronica on January 26, 2013, 02:34:52 am
http://avantcourir.nl/cpg/displayimage.php?album=159&pid=15234#top_display_media (http://avantcourir.nl/cpg/displayimage.php?album=159&pid=15234#top_display_media) "handbrake encode" works for me in IE8

Verify that you have the latest Flash Player for IE by using IE and go to this URL:  http://helpx.adobe.com/flash-player/kb/find-version-flash-player.html (http://helpx.adobe.com/flash-player/kb/find-version-flash-player.html)
There are different Flash Players for IE and non IE browsers

A file named .mp4 can consist of different video and audio formats and only one of these formats is understood by the Flash Player
Title: Re: Media player for mobile devices
Post by: GrimmReaperNL on January 26, 2013, 03:07:01 am
http://avantcourir.nl/cpg/displayimage.php?album=159&pid=15234#top_display_media (http://avantcourir.nl/cpg/displayimage.php?album=159&pid=15234#top_display_media) "handbrake encode" works for me in IE8

Verify that you have the latest Flash Player for IE http://helpx.adobe.com/flash-player/kb/find-version-flash-player.html (http://helpx.adobe.com/flash-player/kb/find-version-flash-player.html)
There are different Flash Players for IE and non IE browsers

A file named .mp4 can consist of different video and audio formats and only one of these formats is understood by the Flash Player
yeah, i figured the last part. btw, when handbrake was done. the file was a m4v file.. i just did a rename to mp4 or the gallery wouldn't take it.

as for having the latest flash. I get the 'error loading media' error. could that really be because of the flash version? I'll try and do an update regardsless, kinda seems stupid though (if that fixes the issue).
Title: Re: Media player for mobile devices
Post by: GrimmReaperNL on January 26, 2013, 03:09:12 am
can't seem to edit my own posts.

made sure flash was up to date and it didn't resolve the error.
Title: Re: Media player for mobile devices
Post by: Veronica on January 26, 2013, 03:18:56 am
Handbrake set in Tools > Options > Output files > MP4 File Extension =  Always use MP4
Title: Re: Media player for mobile devices
Post by: Veronica on January 26, 2013, 03:43:01 am
JW Player troubleshooting:   http://www.longtailvideo.com/support/jw-player/28840/troubleshooting-your-setup/ (http://www.longtailvideo.com/support/jw-player/28840/troubleshooting-your-setup/)


http://avantcourir.nl/cpg/displayimage.php?album=159&pid=15234#top_display_media (http://avantcourir.nl/cpg/displayimage.php?album=159&pid=15234#top_display_media) "handbrake encode" works for me in IE8

We need some more user tests with IE
Title: Re: Media player for mobile devices
Post by: GrimmReaperNL on January 27, 2013, 06:06:29 pm
Handbrake set in Tools > Options > Output files > MP4 File Extension =  Always use MP4
Yeah, I found that a few minutes after I posted, but triple posting just felt stupid. thanks.

So, not turning on the 'web optimized' seems to make it work on everything...or maybe it's the 'large fiel size' option. Anyway, I left both of those off and it seems to be working in IE, Firefox, Chrome and android.
http://www.avantcourir.nl/cpg/displayimage.php?album=159&pid=15358#top_display_media
Title: Re: Media player for mobile devices
Post by: phill104 on January 27, 2013, 07:56:55 pm
Excellent news and really glad you have it sorted.

Could you mark your thread as solved please? There is a button on your first post to do so.
Title: Re: Media player for mobile devices
Post by: GrimmReaperNL on January 27, 2013, 08:05:59 pm
Thank you everybody for the help! and will do Phill

link to a final video so I can get rid of the tests.
http://avantcourir.nl/cpg/displayimage.php?album=160&pid=15359#top_display_media
Title: Re: Media player for mobile devices
Post by: GrimmReaperNL on January 27, 2013, 08:14:31 pm
I think I'm blind 'cause I do not see the button which you speak off.
Title: Re: Media player for mobile devices
Post by: GrimmReaperNL on January 27, 2013, 08:15:48 pm
and as i post i see the button... marked solved.

the button was actually at the bottom of the page, not my post.
Title: Re: Media player for mobile devices
Post by: phill104 on January 27, 2013, 08:17:39 pm
Thanks