HTML5 ??

Comments

GenJerDan wrote on 3/24/2011, 4:35 AM
"the HTML title and h1 tags do not post properly - anyone who knows html should be able to figure out the proper syntax. "

Well, the h1 tag was never closed, and the /title tag was never opened.

The title tags in the head are wrong, too, unless that's just a typo.
amendegw wrote on 3/24/2011, 4:59 AM
GenJerDan,

As I mentioned in my post, the problem is not in my html, rather in the way this forum handles the posting of a Code Block. Here's where this problem was originally documented: http://www.sonycreativesoftware.com/forums/ShowMessage.asp?ForumID=4&MessageID=689363

And here's an image of the html as it was posted to be code block. As you can see the title & h1 tags have the correct syntax.


...Jerry

System Model:     Alienware M18 R1
System:           Windows 11 Pro
Processor:        13th Gen Intel(R) Core(TM) i9-13980HX, 2200 Mhz, 24 Core(s), 32 Logical Processor(s)

Installed Memory: 64.0 GB
Display Adapter:  NVIDIA GeForce RTX 4090 Laptop GPU (16GB), Nvidia Studio Driver 566.14 Nov 2024
Overclock Off

Display:          1920x1200 240 hertz
Storage (8TB Total):
    OS Drive:       NVMe KIOXIA 4096GB
        Data Drive:     NVMe Samsung SSD 990 PRO 4TB
        Data Drive:     Glyph Blackbox Pro 14TB

Vegas Pro 22 Build 239

Cameras:
Canon R5 Mark II
Canon R3
Sony A9

Laurence wrote on 3/24/2011, 12:57 PM
>I am now looking at solutions for flash fall back, in other words a one size fits all and so far the link below has a great free solution that seems to work well.

Not such great luck on my Android tablet. With the stock browser or Dolphin, I get a picture and the option to download the video.

With Opera Mobile or Opera Mini, I can play the video, but it loops endlessly and I can't backpedal out of it without quitting the browser. It is the first time that I've seen Opera play video though, and the quality is excellent aside from the endless loop.
Radio Guy wrote on 3/24/2011, 2:05 PM
Sorry to here about your Android issues. I know the link I showed was more of a solution to have the player design elements look the same across the board. It's looking like the HTML 5 video tag isn't as easy to implement as earlier thought . Now that we have to spew out at least 3 versions of a project it's a trial and error exercise. At least, thus far, IE9, Firefox Version 4 (3.6 didn't cut it), Safari, and now as Laurence mentioned Opera mini all are playing nice.
Steve Mann wrote on 3/24/2011, 9:54 PM
Jerry:

I did notice something strange - VLC Media Player won't play the .ogv file in your zip.

Try the Big BuckBunny.ogv file from www.bigbuckbunny.org

The bigbuckbunny.org site is frequently busy, but you can get the ogv file here also:

http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv
amendegw wrote on 3/25/2011, 5:40 AM
"I did notice something strange - VLC Media Player won't play the .ogv file in your zip."Yeah, same problem here. I did a little research and found out that miro encoded clips & VLC do not play nicely together. I opened the file directly in Firefox and it played fine.

On the other hand, I just encoded another version using Firefogg and it plays nicely in VLC - Version4-FF.zip

Unfortunately, neither version appears to play in FireFox when using the video tag - again, I think it's GoDaddy's IIS settings.

...Jerry

System Model:     Alienware M18 R1
System:           Windows 11 Pro
Processor:        13th Gen Intel(R) Core(TM) i9-13980HX, 2200 Mhz, 24 Core(s), 32 Logical Processor(s)

Installed Memory: 64.0 GB
Display Adapter:  NVIDIA GeForce RTX 4090 Laptop GPU (16GB), Nvidia Studio Driver 566.14 Nov 2024
Overclock Off

Display:          1920x1200 240 hertz
Storage (8TB Total):
    OS Drive:       NVMe KIOXIA 4096GB
        Data Drive:     NVMe Samsung SSD 990 PRO 4TB
        Data Drive:     Glyph Blackbox Pro 14TB

Vegas Pro 22 Build 239

Cameras:
Canon R5 Mark II
Canon R3
Sony A9

amendegw wrote on 3/25/2011, 5:51 AM
Okay, here's something interesting. If I reference http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv in my <video> tag, Firefox seems to play it fine: http://html5.jazzythedog.com/BigBuckBunny.htm

Here's the html:



So, the question is, "Is the problem with the server settings where the video resides, or is it with my Theora (.ogv) encode?"

Gotta go now, I'll test some more later in the day.

...Jerry

System Model:     Alienware M18 R1
System:           Windows 11 Pro
Processor:        13th Gen Intel(R) Core(TM) i9-13980HX, 2200 Mhz, 24 Core(s), 32 Logical Processor(s)

Installed Memory: 64.0 GB
Display Adapter:  NVIDIA GeForce RTX 4090 Laptop GPU (16GB), Nvidia Studio Driver 566.14 Nov 2024
Overclock Off

Display:          1920x1200 240 hertz
Storage (8TB Total):
    OS Drive:       NVMe KIOXIA 4096GB
        Data Drive:     NVMe Samsung SSD 990 PRO 4TB
        Data Drive:     Glyph Blackbox Pro 14TB

Vegas Pro 22 Build 239

Cameras:
Canon R5 Mark II
Canon R3
Sony A9

amendegw wrote on 3/25/2011, 2:02 PM
Well, it's not the Theora (ogv) encode. Both the Firefogg & Miro encodes play just fine when hosted on my local IIS.


I'm back to the suspiscion that GoDaddy has it's Mime settings screwed up.

...Jerry

System Model:     Alienware M18 R1
System:           Windows 11 Pro
Processor:        13th Gen Intel(R) Core(TM) i9-13980HX, 2200 Mhz, 24 Core(s), 32 Logical Processor(s)

Installed Memory: 64.0 GB
Display Adapter:  NVIDIA GeForce RTX 4090 Laptop GPU (16GB), Nvidia Studio Driver 566.14 Nov 2024
Overclock Off

Display:          1920x1200 240 hertz
Storage (8TB Total):
    OS Drive:       NVMe KIOXIA 4096GB
        Data Drive:     NVMe Samsung SSD 990 PRO 4TB
        Data Drive:     Glyph Blackbox Pro 14TB

Vegas Pro 22 Build 239

Cameras:
Canon R5 Mark II
Canon R3
Sony A9

amendegw wrote on 3/25/2011, 3:05 PM
Ha! Lookie here:Edit: Link removed as the problem has been solved by modifing the web.config file - see four posts down.

I moved 3 small (h.264, Theora & WebM) clips to my dropbox and referenced the clips in a simple webpage:


Works on IE9, Firefox & Chrome. Interested is getting someone (Laurence?) to test on an Android platform.

I'm planning on deleting this link in a day-or-two as I might run into bandwidth issues with Dropbox.

...Jerry

System Model:     Alienware M18 R1
System:           Windows 11 Pro
Processor:        13th Gen Intel(R) Core(TM) i9-13980HX, 2200 Mhz, 24 Core(s), 32 Logical Processor(s)

Installed Memory: 64.0 GB
Display Adapter:  NVIDIA GeForce RTX 4090 Laptop GPU (16GB), Nvidia Studio Driver 566.14 Nov 2024
Overclock Off

Display:          1920x1200 240 hertz
Storage (8TB Total):
    OS Drive:       NVMe KIOXIA 4096GB
        Data Drive:     NVMe Samsung SSD 990 PRO 4TB
        Data Drive:     Glyph Blackbox Pro 14TB

Vegas Pro 22 Build 239

Cameras:
Canon R5 Mark II
Canon R3
Sony A9

dlion wrote on 3/25/2011, 4:52 PM
link you sent didn't play on my droid x.

i used the dropbox links: mp4 played, other 2 asked me if i wanted to save the file or cancel.
Steve Mann wrote on 3/25/2011, 9:19 PM
I still find it surprising that HTML protocol has anything to do with MIME, which is for email protocols.

But, I did find this (you may have also):

"You need to make sure you your web server is set-up with the correct MIME types. Otherwise, Firefox 3.5 will not show the video.

Add the following to your .htaccess file:"

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/x-m4v .m4v
amendegw wrote on 3/26/2011, 2:40 AM
"Add the following to your .htaccess file:Steve, The .htaccess file is only used for Apache Web Servers. My GoDaddy account is a Windows Hosting account and, as such, uses the Microsoft product, IIS (Internet Information Services) as its Web Server.

Now, there are similar methods to locally modify MIME types in Windows accounts - specifically adding the following to the web.config file of an ASP.NET site.
<system.webserver>
<staticContent>
<mimeMap fileExtension=".mp4" mimeType="video/mp4" />
<mimeMap fileExtension=".ogv" mimeType="video/ogg" />
<mimeMap fileExtension=".webm" mimeType="video/webm" />
</staticContent>
</system.webserver>


All that said, I've tried the web.config mods - a still no joy! (incidentally, that's the reason I started out with a .aspx page rather than straight html - 'cuz it is tightly integrated with the web.config params).

Also, on my local PC I can directly configure IIS (including MIME types) to my heart's desire. Unfortunately, GoDaddy will not let me do that. I suspect this is because they use a single IIS instance for many accounts.

Keep those ideas coming!
...Jerry

System Model:     Alienware M18 R1
System:           Windows 11 Pro
Processor:        13th Gen Intel(R) Core(TM) i9-13980HX, 2200 Mhz, 24 Core(s), 32 Logical Processor(s)

Installed Memory: 64.0 GB
Display Adapter:  NVIDIA GeForce RTX 4090 Laptop GPU (16GB), Nvidia Studio Driver 566.14 Nov 2024
Overclock Off

Display:          1920x1200 240 hertz
Storage (8TB Total):
    OS Drive:       NVMe KIOXIA 4096GB
        Data Drive:     NVMe Samsung SSD 990 PRO 4TB
        Data Drive:     Glyph Blackbox Pro 14TB

Vegas Pro 22 Build 239

Cameras:
Canon R5 Mark II
Canon R3
Sony A9

amendegw wrote on 3/26/2011, 2:58 AM
Wait, stop the music!! Steve, you got me to thinking - I have to remove the existing, misconfigured MIME types from the site before I add the good ones. That is, using the following code block in my web.config now works! I feel like a dummy.


<system.webserver>
<staticContent>
<remove fileExtension=".mp4"/>
<mimeMap fileExtension=".mp4" mimeType="video/mp4"/>
<remove fileExtension=".ogv"/>
<mimeMap fileExtension=".ogv" mimeType="video/ogg"/>
<remove fileExtension=".webm"/>
<mimeMap fileExtension=".webm" mimeType="video/webm"/>
</staticContent>
</system.webserver>


I invite others to test the new configuration (with a variety of browsers) here: http://html5.jazzythedog.com/Default.aspx

...Jerry

System Model:     Alienware M18 R1
System:           Windows 11 Pro
Processor:        13th Gen Intel(R) Core(TM) i9-13980HX, 2200 Mhz, 24 Core(s), 32 Logical Processor(s)

Installed Memory: 64.0 GB
Display Adapter:  NVIDIA GeForce RTX 4090 Laptop GPU (16GB), Nvidia Studio Driver 566.14 Nov 2024
Overclock Off

Display:          1920x1200 240 hertz
Storage (8TB Total):
    OS Drive:       NVMe KIOXIA 4096GB
        Data Drive:     NVMe Samsung SSD 990 PRO 4TB
        Data Drive:     Glyph Blackbox Pro 14TB

Vegas Pro 22 Build 239

Cameras:
Canon R5 Mark II
Canon R3
Sony A9

ushere wrote on 3/26/2011, 3:02 AM
stop horsing around jerry......

fine in ff4
LReavis wrote on 3/26/2011, 12:48 PM
@amendegw

It works in my Win7-64 bit Firefox with latest Flash; but it doesn't play in the somewhat older Flash version in my Ubuntu (Linux) Firefox. Not to worry, even the JW Player demo video won't play either.

Good breakthrough! I'll try to get around to trying it next week - thanks

- Larry
amendegw wrote on 3/26/2011, 12:57 PM
"It works in my Win7-64 bit Firefox with latest Flash; but it doesn't play in the somewhat older Flash version in my Ubuntu (Linux) Firefox"That's 'cuz it's not Flash - it's HTML5 using the <video> tag. I suspect your Win7 Firefox is a version that supports HTML5 video, whereas the Linux Firefox is an older version that does not support HTML5.

Edit, not to be pedantic, but HTML5 is supposed to be the future of web video. As discussed here, I'm not sure it's ready for prime time yet. There's much controversy about the fact that Steve Jobs (i.e. Apple iPhone) has abandoned Flash in favor of HTML5. You can Google it - makes interesting reading. There are mechanisms to code up your html so that it will play HTML5 if you do not have a Flash player in your browser. Still working on that - just got the HTML5 working.

...Jerry

System Model:     Alienware M18 R1
System:           Windows 11 Pro
Processor:        13th Gen Intel(R) Core(TM) i9-13980HX, 2200 Mhz, 24 Core(s), 32 Logical Processor(s)

Installed Memory: 64.0 GB
Display Adapter:  NVIDIA GeForce RTX 4090 Laptop GPU (16GB), Nvidia Studio Driver 566.14 Nov 2024
Overclock Off

Display:          1920x1200 240 hertz
Storage (8TB Total):
    OS Drive:       NVMe KIOXIA 4096GB
        Data Drive:     NVMe Samsung SSD 990 PRO 4TB
        Data Drive:     Glyph Blackbox Pro 14TB

Vegas Pro 22 Build 239

Cameras:
Canon R5 Mark II
Canon R3
Sony A9

Steve Mann wrote on 3/26/2011, 7:02 PM
My server is Apache, so I am unfamiliar with web.config .

But it's good to see that you found a solution for your server.

Steve
LReavis wrote on 3/27/2011, 12:33 PM
"That's 'cuz it's not Flash - it's HTML5 using the <video> tag."

Somehow I thought the coding would allow fallback to Flash for browsers that could not play webm, etc. Still, good to see a solution.

Does anyone know if it will play in Android?

I'm also concerned that there are now so many OS options that we may never get any player to play in all of them - see Smartphones in this list:

http://en.wikipedia.org/wiki/List_of_operating_systems#Smartphones

amendegw wrote on 3/27/2011, 1:30 PM
The following should work in either Flash or HTML5: http://html5.jazzythedog.com/JWPo.aspx

I've tested it with IE8, IE9, Firefox & Chrome. Unfortunately, my daughter's boyfriend just tried to view it in his iPhone it's a no-go.

It could take forever to get this stuff working in every browser.

...Jerry

System Model:     Alienware M18 R1
System:           Windows 11 Pro
Processor:        13th Gen Intel(R) Core(TM) i9-13980HX, 2200 Mhz, 24 Core(s), 32 Logical Processor(s)

Installed Memory: 64.0 GB
Display Adapter:  NVIDIA GeForce RTX 4090 Laptop GPU (16GB), Nvidia Studio Driver 566.14 Nov 2024
Overclock Off

Display:          1920x1200 240 hertz
Storage (8TB Total):
    OS Drive:       NVMe KIOXIA 4096GB
        Data Drive:     NVMe Samsung SSD 990 PRO 4TB
        Data Drive:     Glyph Blackbox Pro 14TB

Vegas Pro 22 Build 239

Cameras:
Canon R5 Mark II
Canon R3
Sony A9

GenJerDan wrote on 3/27/2011, 4:09 PM
"I still find it surprising that HTML protocol has anything to do with MIME, which is for email protocols."

IIS will either serve incorrectly or not serve at all if the MIME types are not set up to handle the file.

Specifically, if it doesn't know the extension it will just try to send the file to the browser as text. A PITA.
amendegw wrote on 3/27/2011, 4:51 PM
"IIS will either serve incorrectly or not serve at all if the MIME types are not set up to handle the file."Or even worse, IIS can be configured incorrectly. In the case of GoDaddy, .mp4 files are configured as audio/mpeg, see: http://help.godaddy.com/article/3821?locale=en - so, we have to fix it in our web.config. Nothing is easy!!

...Jerry

System Model:     Alienware M18 R1
System:           Windows 11 Pro
Processor:        13th Gen Intel(R) Core(TM) i9-13980HX, 2200 Mhz, 24 Core(s), 32 Logical Processor(s)

Installed Memory: 64.0 GB
Display Adapter:  NVIDIA GeForce RTX 4090 Laptop GPU (16GB), Nvidia Studio Driver 566.14 Nov 2024
Overclock Off

Display:          1920x1200 240 hertz
Storage (8TB Total):
    OS Drive:       NVMe KIOXIA 4096GB
        Data Drive:     NVMe Samsung SSD 990 PRO 4TB
        Data Drive:     Glyph Blackbox Pro 14TB

Vegas Pro 22 Build 239

Cameras:
Canon R5 Mark II
Canon R3
Sony A9

Jan_Cannon wrote on 3/28/2011, 7:50 AM
I've recently changed all of my flash files over to mp4 and am now using the JW Player to play them. My videos play in Chrome, FF, IE, iPad and on an Android smart phone, but not very well on the phone, the videos never complete, but I think that's a phone issue.

Another thing regarding the JW Player is that they have really great customer service. They were very helpful in showing me what I needed to do to get my videos to work the way I wanted them to
LReavis wrote on 3/28/2011, 11:06 AM
"The following should work in either Flash or HTML5: html5.jazzythedog.com/JWPo.aspx "

it even works in my Linus (Ubuntu) Firefox (which is an older version).

Are you going to post a .JPG of the code?
Steve Mann wrote on 3/28/2011, 11:22 AM
Anyone see the irony?

HTML5 is supposed to replace the downloading of a player