Flash module add-on: Flowplayer FLV filter HTML5 fallback

Flash module add-on: Flowplayer FLV filter HTML5 fallback

由Amy Groshek發表於
Number of replies: 4

I'm not sure if this is the correct place to ask questions about multimedia filters, but if it isn't hopefully someone can point me in the right direction.

I'm finding barebones documentation of the new Flowplayer flv multimedia filter in moodle docs. In my M2 multimedia filter config screen, it also says of this filter: "Uses HTML 5 video fallback if multiple sources specified."

What I'm not finding is any documentation of how to specify those multiple sources... Is it as specified in the documentation for the HTML5 filter on the same screen:

Video files with extension *.webm, *.m4v, *.ogv, *.mp4 and others. It is compatible with latest web browsers only, unfortunately there is no format that is supported by all browsers. Workaround is to specify fallbacks sources separated with # (ex:
#
), QuickTime player is used as a fallback for old browsers.
Will these 2 filters interfere with one another if both enabled at the same time? Do I just string the HTML5 vid source after the .flv or .f4v source? Thanks for any assistance.
評比平均分數： -
In reply to Amy Groshek

Re: Flash module add-on: Flowplayer FLV filter HTML5 fallback

由Matt Bury發表於
Particularly helpful Moodlers的相片 Plugin developers的相片

Hi Amy,

Unless you're anti-Flash or a "code purist" there's no need to include 3 video tags and provide 3 versions of each video file, i.e. MP4*, OGG and WebM. The only significant case where an HTML5 fallback would be necessary is on iOS (iPad and iPhone), which only supports the H.264 CODEC (MP4)**.

* MOV, MP4 and M4V are almost identical formats. In fact, you can simply change the file entensions on them, i.e. change their MIME type identifier, and they'll still work. Go ahead and try it! 微笑

** Flash supports a lot more CODECs than native browser players: http://code.google.com/p/moodle-mplayer/wiki/SupportedMediaTypes

So, all you need to do is encode video files to H.264 in an MP4 container, deploy them with Flash and provide an HTML5 fallback. Problems solved!

Further reading: http://apiblog.youtube.com/2010/06/flash-and-html5-tag.html

I hope this helps!

評比平均分數： -
In reply to Matt Bury

Re: Flash module add-on: Flowplayer FLV filter HTML5 fallback

由Amy Groshek發表於
Thanks Matt,

I'm not asking about codecs, I'm following up on documentation which appears on a Moodle configuration screen. I'm asking how to provide the source URLs to the plugin filter if I happen to have more than one source, which some folks will. It seems to me there is some documentation lacking. Unless Moodle.org is recommending what you recommend here, in which case what you recommend should probably be in the documentation, no?

Many of my clients request HTML5 with Flash only as fallback. I am trying to determine whether Moodle's plugins now provide a viable solution for that, and if not, how close I can come. Regardless of your opinion about the need or lack thereof for HTML5, or the value of HTML5 best practices, my clients have stated their needs.

Is it indeed possible to "deploy them with Flash and provide an HTML5 fallback" using Moodle's plugins? If so, what notation in Moodle's htmlarea is required?

Would anyone happen to know who can provide the information I'm looking for?

Thanks,
A
評比平均分數： -
In reply to Amy Groshek

Re: Flash module add-on: Flowplayer FLV filter HTML5 fallback

由Matt Bury發表於
Particularly helpful Moodlers的相片 Plugin developers的相片

Hi Amy,

Sorry, didn't quite understand what you were asking for.

I've already resolved the HTML5 issues for Moodle 1.9/1.8: http://blog.matbury.com/2011/02/04/media-player-module-now-supports-html5-video/

It just needs branching for Moodle 2.x. A developer at Cisco Systems had a go but he ran into difficulties and got stuck: http://moodle.org/mod/forum/discuss.php?d=142237

評比平均分數： -
In reply to Matt Bury

Re: Flash module add-on: Flowplayer FLV filter HTML5 fallback

由Amy Groshek發表於
Hi Matt,

Thanks for this great info.

I'm actually wondering about the M2 FLV multimedia filter, the HTML5 filter, and the interaction between the two... Maybe I'm in the wrong place.

Currently we are doing the opposite of your recommended mp4 approach. We use jmediaelement to skin HTML5 video with mp4 source. Where mp4 isn't supported, jmediaelement provides SWF fallback. Every once in a while I poke around with the Moodle filters to see if we could do this without external libraries and css.

Regards and thanks again,
Amy
評比平均分數： -