INTERACT FORUM

Please login or register.

Login with username, password and session length
Advanced search  
Pages: [1]   Go Down

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

Scolex

  • MC Beta Team
  • Citizen of the Universe
  • *****
  • Posts: 1116
  • Cheers
HTML5 and WebGizmo cross browser video mod (testers wanted)
« 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



Logged
Sean

glynor

  • MC Beta Team
  • Citizen of the Universe
  • *****
  • Posts: 19608
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« 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.
Logged
"Some cultures are defined by their relationship to cheese."

Visit me on the Interweb Thingie: http://glynor.com/

bob

  • Administrator
  • Citizen of the Universe
  • *****
  • Posts: 13932
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« Reply #2 on: April 05, 2012, 04:58:17 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.  :o
Logged

Matt

  • Administrator
  • Citizen of the Universe
  • *****
  • Posts: 42442
  • Shoes gone again!
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« Reply #3 on: April 06, 2012, 08:13:09 am »

Nice work Scolex.

Feel free to get HTML 5 video playback working too :P
Logged
Matt Ashland, JRiver Media Center

Scolex

  • MC Beta Team
  • Citizen of the Universe
  • *****
  • Posts: 1116
  • Cheers
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« 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.
Logged
Sean

MrC

  • Citizen of the Universe
  • *****
  • Posts: 10462
  • Your life is short. Give me your money.
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« Reply #5 on: April 06, 2012, 11:26:14 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... :-)
Logged
The opinions I express represent my own folly.

rpalmer68

  • MC Beta Team
  • Citizen of the Universe
  • *****
  • Posts: 2639
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« 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
Logged

Scolex

  • MC Beta Team
  • Citizen of the Universe
  • *****
  • Posts: 1116
  • Cheers
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« 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.
Logged
Sean

rpalmer68

  • MC Beta Team
  • Citizen of the Universe
  • *****
  • Posts: 2639
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« Reply #8 on: April 08, 2012, 11:14:44 am »

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
Logged

bob

  • Administrator
  • Citizen of the Universe
  • *****
  • Posts: 13932
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« Reply #9 on: April 09, 2012, 10:42:08 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.
Logged

rpalmer68

  • MC Beta Team
  • Citizen of the Universe
  • *****
  • Posts: 2639
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« Reply #10 on: April 09, 2012, 04:32:16 pm »

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

Logged

bob

  • Administrator
  • Citizen of the Universe
  • *****
  • Posts: 13932
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« Reply #11 on: April 10, 2012, 09:09:29 am »

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

Hendrik

  • Administrator
  • Citizen of the Universe
  • *****
  • Posts: 10969
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« 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)
Logged
~ nevcairiel
~ Author of LAV Filters

bob

  • Administrator
  • Citizen of the Universe
  • *****
  • Posts: 13932
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« 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.
Logged

bob

  • Administrator
  • Citizen of the Universe
  • *****
  • Posts: 13932
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« Reply #14 on: April 10, 2012, 09:44:23 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.
Logged

JimH

  • Administrator
  • Citizen of the Universe
  • *****
  • Posts: 72538
  • Where did I put my teeth?
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« Reply #15 on: April 10, 2012, 10:12:24 am »

I started an HTML5 topic on our wiki.
Logged

rpalmer68

  • MC Beta Team
  • Citizen of the Universe
  • *****
  • Posts: 2639
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« Reply #16 on: April 10, 2012, 04:34:12 pm »

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
Logged

bob

  • Administrator
  • Citizen of the Universe
  • *****
  • Posts: 13932
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« 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...
Logged

NickF

  • Regular Member
  • Citizen of the Universe
  • *****
  • Posts: 860
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« 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.
Logged
HTPC - Intel i5-760 CPU, Windows 7 64 bit, NVIDIA GTS450 Silent, RME 9632 with A04, BlackGold BGT3600; Video Processor - Lumagen Radiance XD Processor; Projector - ProjectionDesign Action Model 3 1080; Denon AVC-A1HD; 4 x Tannoy Berkley and Velodyne DD-10

bob

  • Administrator
  • Citizen of the Universe
  • *****
  • Posts: 13932
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« Reply #19 on: May 10, 2012, 09:16:10 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.
Logged

opy01

  • Junior Woodchuck
  • **
  • Posts: 86
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« 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.
Logged

bob

  • Administrator
  • Citizen of the Universe
  • *****
  • Posts: 13932
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« Reply #21 on: May 10, 2012, 01:41:38 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...
Logged

bob

  • Administrator
  • Citizen of the Universe
  • *****
  • Posts: 13932
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« Reply #22 on: May 10, 2012, 01:46:28 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.
Logged

opy01

  • Junior Woodchuck
  • **
  • Posts: 86
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« Reply #23 on: May 10, 2012, 02:25:58 pm »

Same on Vita.  In fact it scored a whopping 58 ::)
Logged

bob

  • Administrator
  • Citizen of the Universe
  • *****
  • Posts: 13932
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« Reply #24 on: May 10, 2012, 03:12:44 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...
Logged

opy01

  • Junior Woodchuck
  • **
  • Posts: 86
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« 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 :D .

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

bob

  • Administrator
  • Citizen of the Universe
  • *****
  • Posts: 13932
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« Reply #26 on: May 10, 2012, 03:41:27 pm »

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

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 :)
Logged

opy01

  • Junior Woodchuck
  • **
  • Posts: 86
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« 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.
Logged

tmarnik

  • Regular Member
  • Junior Woodchuck
  • **
  • Posts: 74
  • nothing more to say...
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« 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. 
Logged

opy01

  • Junior Woodchuck
  • **
  • Posts: 86
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« 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.
Logged

tmarnik

  • Regular Member
  • Junior Woodchuck
  • **
  • Posts: 74
  • nothing more to say...
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« 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.
Logged

opy01

  • Junior Woodchuck
  • **
  • Posts: 86
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« 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.
Logged

HiFiTubes

  • Citizen of the Universe
  • *****
  • Posts: 1123
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« Reply #32 on: May 19, 2012, 02:07:00 pm »

Nice work Scolex.

Feel free to get HTML 5 video playback working too :P

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

HiFiTubes

  • Citizen of the Universe
  • *****
  • Posts: 1123
Re: HTML5 and WebGizmo cross browser video mod (testers wanted)
« Reply #33 on: May 19, 2012, 02:08:28 pm »

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.
Logged
Pages: [1]   Go Up