Topic: HTML5 and WebGizmo cross browser video mod (testers wanted) (Read 10326 times)

Scolex · « **on:** April 04, 2012, 04:38:58 pm »

[Edit by JimH -- Thanks to Scolex for helping Bob add support for HTML5 to WebGizmo.]

--- Begin Scolex ---

I have modified a couple of files in WebGizmo to make video work in all browsers I have.
Tested:
Firefox 11.0
IE 9.0.8112.16421 (64 and 32bit)
Chrome 18.0.1025.142
Android 2.3.5

If you use a browser not listed please test and leave feedback.

Zip has latest version of JW player 5.9 latest beta has 5.7
Custom.zip

You need 17.0.120 or newer if you want to use a folder other than Default as prior versions don't have the "appearance" option for WebGizmo

glynor · « **Reply #1 on:** April 04, 2012, 07:26:53 pm »

If it is at-all possible, I think they should consider switching to Flowplayer.

Man, when I set up my streaming server at home recently... It was SO MUCH EASIER to get Flowplayer to behave nicely in the ways that are important to me, and the code seems cleaner and their licensing seems more friendly (though I don't know at all how it applies to application developers, it is website developer friendly for sure).

Just one example: I still haven't figured out how to get JWPlayer to handle the nice iOS-compatible stream that Wowza is spitting out (not that I've spent a huge amount of time trying) without just hacking around it in JavaScript. With FlowPlayer, in around 15% of the time looking for instructions beforehand, it took one simple JavaScript plugin download, three lines plus eight characters added to my HTML file, and it was done.

That, and I think the player controls look nicer by default.

bob · « **Reply #2 on:** April 05, 2012, 04:58:17 pm »

Quote from: Scolex on April 04, 2012, 04:38:58 pm

I have modified a couple of files in WebGizmo to make video work in all browsers I have.
Tested:
Firefox 11.0
IE 9.0.8112.16421 (64 and 32bit)
Chrome 18.0.1025.142
Android 2.3.5

If you use a browser not listed please test and leave feedback.

Zip has latest version of JW player 5.9 latest beta has 5.7
Custom.zip

You need 17.0.120 or newer if you want to use a folder other than Default as prior versions don't have the "appearance" option for WebGizmo

Worked for me so I dropped them into the next build.

Matt · « **Reply #3 on:** April 06, 2012, 08:13:09 am »

Nice work Scolex.

Feel free to get HTML 5 video playback working too

Scolex · « **Reply #4 on:** April 06, 2012, 10:16:20 am »

Thanks guys it gives me a warm fuzzy feeling when I can contribute.

Matt funny thing is I was just talking with someone about HTML 5 last night, so who knows.
Wish I had access to a iOS device so I could work on that since it seems to have some teething pains.

MrC · « **Reply #5 on:** April 06, 2012, 11:26:14 am »

Quote from: Scolex on April 06, 2012, 10:16:20 am

Wish I had access to a iOS device so I could work on that since it seems to have some teething pains.

We're about to sell our gen 1 64gb... :-)

rpalmer68 · « **Reply #6 on:** April 07, 2012, 08:50:44 pm »

I tried to use webgizmo on my Windows Phone (supports html5) today and I can browse everything and view images, but audio playback fails (so does video, but that is for later).

When trying to play an audio file (mp3 or ape) I get a black box with a litttle play icon in it. When I click that I get the following message.

"The media (http://<my address> FILE=243561&Token=B490Y) could not be loaded because the server or network failed"

I thought audio used to work a while back, but I'm not 100% sure as it's been a while since I tried.

Webgizmo audio works fine from my Win7 PC with IE and on the ipad.

Richard

Scolex · « **Reply #7 on:** April 07, 2012, 10:38:18 pm »

Richard
Based on the error you are getting I don't think it is a code problem but stranger things have happened.

If you are using 122 or the zip in the original post and want to test to see if it works with the 121 and earlier code.
Open play_flash.html select all and paste the following code

Code: [Select]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Gizmo</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<script type="text/javascript" src="scripts/jwplayer.js"></script>
<noscript><meta http-equiv="refresh" content="2; URL=noscript.html"></noscript>
</head>

<body style="margin: 0; padding: 0; background-color: #000000">
<div id="outer">

	<div class="player_wrapper" style="width: 100%; height: 100%; margin:0px auto;">
		<div id="player">
			Loading the video player ...
		</div>
	</div>

	<script type="text/javascript">
		jwplayer('player').setup({
			'flashplayer': 'scripts/player.swf',
			'file': '[File.FlashLink]',
			'autostart': 'true',
			'width': '100%',
			'height': '100%',
			'duration': '[File.Duration]',
			'provider': 'scripts/jrmediaprovider.swf',
			'skin': 'scripts/glow.zip',
		});

		jwplayer('player').onComplete(
			function(event) { 
				try {
					window.Gizmo.onComplete();
				} catch (err) { }
			}
		);
	</script>

</div>
</body>
</html>

Edit: Just noticed you mentioned supports html5 but does it support flash. My mod has nothing to do with html5.

rpalmer68 · « **Reply #8 on:** April 08, 2012, 11:14:44 am »

Quote from: Scolex on April 07, 2012, 10:38:18 pm

Edit: Just noticed you mentioned supports html5 but does it support flash. My mod has nothing to do with html5.

No, windows phone does not support flash. But neither does the ipad and that is working.

I wasn't sure what you had tweaked, I'll post in the main build thread as this will be an html5 support issue.

R

bob · « **Reply #9 on:** April 09, 2012, 10:42:08 am »

Quote from: rpalmer68 on April 08, 2012, 11:14:44 am

No, windows phone does not support flash. But neither does the ipad and that is working.

I wasn't sure what you had tweaked, I'll post in the main build thread as this will be an html5 support issue.

R

If you are playing audio on windows mobile, MC's probably going to use the windows mobile playback logic (if it gets the user agent right), not the flash playback logic. This uses an asx playlist.
If MC doesn't think it's windows mobile, the next thing it will try is the html 5 playback. Some browsers/OS combinations don't support playing mp3 with html 5 though. The fallback is flash.
Video currently always uses the flash logic.

rpalmer68 · « **Reply #10 on:** April 09, 2012, 04:32:16 pm »

Quote from: bob on April 09, 2012, 10:42:08 am

If you are playing audio on windows mobile, MC's probably going to use the windows mobile playback logic (if it gets the user agent right), not the flash playback logic. This uses an asx playlist.
If MC doesn't think it's windows mobile, the next thing it will try is the html 5 playback. Some browsers/OS combinations don't support playing mp3 with html 5 though. The fallback is flash.
Video currently always uses the flash logic.

Windows Mobile and Windows Phone are quite different.

Windows Phone does support html5 (windows mobile doesn't), and based on the URL being loaded in the Windows Phone browser (play_html5.html) then html5 is in fact being attempted.

R

bob · « **Reply #11 on:** April 10, 2012, 09:09:29 am »

Then I'd suspect that its html5 support doesn't include mp3.

Hendrik · « **Reply #12 on:** April 10, 2012, 09:34:10 am »

Sadly HTML5 Audio support is very fragmented.

I found this matrix after a minute of looking:
http://leanbackplayer.com/other/compatibility_audio.html

It would appear that to catch everyone, you have to offer both MP3 and Ogg Vorbis based on a useragent match.
However, it would also claim that MP3 is supported by Windows Phone (at least with Mango (7.5), earlier versions seem to have no support, also no word about Windows Mobile)

bob · « **Reply #13 on:** April 10, 2012, 09:42:20 am »

Hey R, try this on your phone:
http://html5test.com
And see what it says for audio.

bob · « **Reply #14 on:** April 10, 2012, 09:44:23 am »

Quote from: nevcairiel on April 10, 2012, 09:34:10 am

Sadly HTML5 Audio support is very fragmented.

I found this matrix after a minute of looking:
http://leanbackplayer.com/other/compatibility_audio.html

It would appear that to catch everyone, you have to offer both MP3 and Ogg Vorbis based on a useragent match.
However, it would also claim that MP3 is supported by Windows Phone (at least with Mango (7.5), earlier versions seem to have no support, also no word about Windows Mobile)

The fragmentation is pretty bad for video too.

JimH · « **Reply #15 on:** April 10, 2012, 10:12:24 am »

I started an HTML5 topic on our wiki.

rpalmer68 · « **Reply #16 on:** April 10, 2012, 04:34:12 pm »

Quote from: bob on April 10, 2012, 09:42:20 am

Hey R, try this on your phone:
http://html5test.com
And see what it says for audio.

It detects correctly that I am running Mobile Internet Explorer 9.0 on an HTC Titan running Windows Phone 7.5.

For Audio I get a score of 20.

Audio Element: Yes
PCM Audio support: No
AAC support: Yes
MP3 support: Yes
Ogg Vorbis support: No
WebM support: No

For Video (just thought I'd mention it)
I get a score of 21/31

Video element: Yes
Subtitle support: No
Poster Image Support: Yes

MPEG-4 support: No
H.264 support: Yes
Ogg Theora support: No
WebM support: No

R

bob · « **Reply #17 on:** April 10, 2012, 04:56:36 pm »

Ok, looks like the html5 player isn't detecting mp3 support properly... Will check into it...

NickF · « **Reply #18 on:** May 09, 2012, 07:26:15 am »

mp3 and flac play fine on my iPad2.

Videos do not play. I have only tried mkv so far. When the box opens in the play window and I click on the play icon, a rotating symbol starts and never stops.

Recorded TV files don't show up.

Nick.

bob · « **Reply #19 on:** May 10, 2012, 09:16:10 am »

Quote from: NickF on May 09, 2012, 07:26:15 am

mp3 and flac play fine on my iPad2.

Videos do not play. I have only tried mkv so far. When the box opens in the play window and I click on the play icon, a rotating symbol starts and never stops.

Recorded TV files don't show up.

Nick.

Video isn't configured for the iDevices yet. The Android versions use flash to play video and we convert to that since it's stream-able however we've yet to implement a non-flash method of conversion for other devices.

opy01 · « **Reply #20 on:** May 10, 2012, 01:05:05 pm »

I posted this in the original WebGizmo thread but figured it would be better here after Nick pointed me here.

1. Sony PSVita videos are just a black screen, possibly it does not have flash?

2. PS3 plays videos fine.

bob · « **Reply #21 on:** May 10, 2012, 01:41:38 pm »

Quote from: opy01 on May 10, 2012, 01:05:05 pm

I posted this in the original WebGizmo thread but figured it would be better here after Nick pointed me here.

1. Sony PSVita videos are just a black screen, possibly it does not have flash?

That's likely.

Quote

2. PS3 plays videos fine.

It plays the flash version, I just tried it...

bob · « **Reply #22 on:** May 10, 2012, 01:46:28 pm »

Quote from: opy01 on May 10, 2012, 01:05:05 pm

I posted this in the original WebGizmo thread but figured it would be better here after Nick pointed me here.

1. Sony PSVita videos are just a black screen, possibly it does not have flash?

2. PS3 plays videos fine.

Also, I just tried http://html5test.com on the PS3 browser and it said it doesn't support and audio or video html5.

It'd be interesting if you tried the test on the Vita to see if it supports any html5.

opy01 · « **Reply #23 on:** May 10, 2012, 02:25:58 pm »

Same on Vita. In fact it scored a whopping 58

bob · « **Reply #24 on:** May 10, 2012, 03:12:44 pm »

Quote from: opy01 on May 10, 2012, 02:25:58 pm

Same on Vita. In fact it scored a whopping 58

Not a good sign. If it doesn't have flash or html5 you might be out of luck...

opy01 · « **Reply #25 on:** May 10, 2012, 03:27:12 pm »

Well looks like I'll either have to stick with my droid, PS3 or actual TV to watch videos

.

Of course I can remote play into my PS3 and watch it that way.

bob · « **Reply #26 on:** May 10, 2012, 03:41:27 pm »

Quote from: opy01 on May 10, 2012, 03:27:12 pm

Well looks like I'll either have to stick with my droid, PS3 or actual TV to watch videos .

Of course I can remote play into my PS3 and watch it that way.

My 3DS doesn't work for this either but it's nice to have other choices

opy01 · « **Reply #27 on:** May 10, 2012, 03:51:07 pm »

I am ashamed to admit that I am spoiled and want every device to work even though I would probably never use the Vita to watch videos lol. But coolness facter is so underrated.

tmarnik · « **Reply #28 on:** May 17, 2012, 09:14:54 am »

So is Flash the reason I can't get smooth video to play on my Kindle Fire when I'm out of town?

I've tried with both Gizmo and WebGizmo. I've tried on the Fire and on my Laptop, but video is actually unwatchable because of the frequent pauses.

I realize that I might not have the greatest wifi connection speeds in the places I'm trying to use this, but is there no way to buffer the video?

Is lack of buffering a Flash limitation? A JW Player limitation?

I'd really appreciate some insight here because I'm considering buying a Monsoon Vulkano to get around this.

opy01 · « **Reply #29 on:** May 17, 2012, 11:00:08 am »

I have the same issue if I am away from home. It may be your home internet upload speed.

tmarnik · « **Reply #30 on:** May 17, 2012, 11:52:30 am »

I can see where both my home network and the local network where I'm traveling can have an impact, but what I don't understand is why the player can't buffer the stream to make up for it.

Even if I had to wait several minutes to start watching, it seems like it should be possible to get enough of the video buffered locally to make up for slow networks.

opy01 · « **Reply #31 on:** May 17, 2012, 12:43:53 pm »

I set mine for low bandwidth and it makes no difference. I wonder if I am adjusting it in the wrong place. I started another thread about this a couple of weeks ago but got no responce.

HiFiTubes · « **Reply #32 on:** May 19, 2012, 02:07:00 pm »

Quote from: Matt on April 06, 2012, 08:13:09 am

Nice work Scolex.

Feel free to get HTML 5 video playback working too

Is this why I can only get mp4 to play to my iPad after installing Quicktime? Everything else just times out...

HiFiTubes · « **Reply #33 on:** May 19, 2012, 02:08:28 pm »

Quote from: NickF on May 09, 2012, 07:26:15 am

mp3 and flac play fine on my iPad2.

Videos do not play. I have only tried mkv so far. When the box opens in the play window and I click on the play icon, a rotating symbol starts and never stops.

Recorded TV files don't show up.

Nick.

Same thing here. I realized I hadn't yet installed Quicktime Lite on my machine and then I could play an mp4 video to iPad2, no mkv etc.

INTERACT FORUM

Author Topic: HTML5 and WebGizmo cross browser video mod (testers wanted) (Read 10326 times)