myfaces-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Matthias Wessendorf <mat...@apache.org>
Subject Re: [GSOC-HTML5] Prototype <hx:video>, <hx:mediaSource>, <hx:mediaSources>
Date Wed, 26 May 2010 12:42:41 GMT
On Wed, May 26, 2010 at 2:38 PM, Ali Ok <aliok@aliok.com.tr> wrote:
> Hi Matthias,
> I couldn't quite understand what you've meant.
> Do you mean, (ignore the bad naming)
> * having property named something like "actionOnNoHTML5VideoSupport" :
> "useFallBack" | "alert"
> * and having another property named something like
> "loadAlternatePlayerAction" which can have the JS activation code for some
> flash video player?

that's right

> Or do you mean automatic fallback to flash video player?
nope :-)

> I've done some
> research about this before and I couldn't found any ASL or compatible
> licensed flash video player to distrubute with the project (I haven't done
> too much research since this seems not practical to me). Assuming there is
> one ASL-compatible flash video player somewhere, is it practical?
> Regards,
> Ali
> On Wed, May 26, 2010 at 3:10 PM, Matthias Wessendorf <matzew@apache.org>
> wrote:
>>
>> Hi Ali,
>>
>> looks good so far.
>>
>> One quick comment:
>>
>> -<hx:video>
>> => fallBack: does it need to be a facet ?
>>  What about "alternatePlayer" and warning (or alert) ?
>>
>> -Matthias
>>
>> On Wed, May 19, 2010 at 10:30 PM, Ali Ok <aliok@aliok.com.tr> wrote:
>> > Hi all,
>> > I've prepared some component prototypes, and your feedback is
>> > appreciated.
>> > There are 20+ components and I want to send them to discuss here, one by
>> > one; "to have a 'cleaner' separation of the discussion".
>> > Also, IMHO, it is better to post prototypes inline.
>> > ===============================
>> > ==========<hx:video>============
>> > ===============================
>> >       REFS:
>> >          [0] http://www.whatwg.org/specs/web-apps/current-work/#video
>> >          [1] https://developer.mozilla.org/En/HTML/Element/Video
>> >
>> >       EXTENDS:
>> >          May extend a abstract component with hx:audio.
>> >
>> >       specific ATTRIBUTES:
>> >          preload can be:
>> >             none: do not preload the media from the server
>> >             metadata: fetch metadata (length, quality, etc.) (default)
>> >             auto: load the data from the server, even if user doesnt
>> > play it
>> >          showControls:
>> >             true: browser's media controls are shown (default)
>> >             false: controls are not shown unless page author provides
>> > one
>> > explicitly
>> >          loop:
>> >             true or false (default)
>> >          poster:
>> >             image to show when not playing or seeking
>> >          width:
>> >             width of the video
>> >          height:
>> >             height of the video
>> >
>> >       FACETS:
>> >          fallBack:
>> >             content to display when HTML5 video is not supported.
>> > possible
>> > actions
>> >             can be using a flash player as a fallback or displaying a
>> > message that displays this is not supported.
>> >
>> >       NOTES:
>> >          see <hx:mediaSource> and <hx:mediaSources>
>> >          new <track> feature is not included, since there is no browser
>> > support yet (impossible to test). this feature can be added
>> >             when a browser starts supporting it
>> >    <!-- ---------------------------------------usage
>> > --------------------------------------------------- -->
>> >    <hx:video value="#{videoBean.someVideoFileURL}" preload="metadata"
>> >          poster="somePosterImage.jpg"
>> >          width="600px" height="300px"
>> >          autoplay="true" loop="true" showControls="true" >
>> >       <f:facet name="fallBack">
>> >          <embed player.swf ....>.....</embed>
>> >          <!-- SOME FALLBACK MECHANISM TO PLAY THE FILE (FLASH may be).
>> > or
>> > alerting the user about HTML5 video support.  -->
>> >       </f:facet>
>> >    </hx:video>
>> >
>> >    <!-- expected HTML5 code -->
>> >    <video src="someAddress/someFile.mkv" preload="metadata" autoplay
>> > loop
>> > controls poster="somePosterImage.jpg"
>> >          width="600px" height="300px">
>> >       <embed player.swf ....>.....</embed>
>> >    </video>
>> >
>> >
>> >
>> >    <!-- ---------------------------------------usage
>> > --------------------------------------------------- -->
>> >    <hx:video preload="none"
>> >          autoplay="false" loop="false" showControls="false"
>> >          poster="#{videoBean.posterImage}">
>> >       <f:facet name="fallBack">
>> >          Your browser does not support HTML5 video.
>> >       </f:facet>
>> >
>> >       <hx:mediaSource src="http://someaddress/someFile.ogg"
>> > contentType="video/ogg" codecs="avc1.42E01E" media="screen and
>> > (device-width: 800px)">
>> >       <hx:mediaSource src="http://someaddress/some3DFile.ogg"
>> > media="3d-glasses">
>> >
>> >       <!-- <hx:mediaSources> component, not <hx:mediaSource>
-->
>> >       <hx:mediaSources items="#{someBean.mediaInfoList}">
>> >    </hx:video>
>> >
>> >    <!-- expected HTML5 code for usage -->
>> >    <video preload="none" poster="somePosterImage.jpg" controls="false"
>> > autoplay="false">
>> >       Your browser does not support HTML5 video.
>> >       <source src='http://someaddress/someFile.ogg' Type='video/ogg;
>> > codecs="avc1.42E01E"' media="screen and (device-width: 800px)" />
>> >       <source src='someAddress/some3Dfile.ogg' media="3d-glasses"/>
>> >
>> >       <!-- elements below are generated with <hx:mediaSources>
-->
>> >       <source src='video.mp4' type='video/mp4; codecs="avc1.42E01E,
>> > mp4a.40.2"' media="screen">
>> >       <source src='video.mp4' type='video/mp4; codecs="avc1.58A01E,
>> > mp4a.40.2"' media="3d-glasses">
>> >       <source src='video.mp4' type='video/mp4; codecs="avc1.4D401E,
>> > mp4a.40.2"'>
>> >       <source src='video.mp4' type='video/mp4; codecs="avc1.64001E,
>> > mp4a.40.2"'>
>> >       <source src='video.mp4' type='video/mp4; codecs="mp4v.20.8,
>> > mp4a.40.2"'>
>> >    </video>
>> >
>> > ===============================
>> > =======<hx:mediaSource>=========
>> > ===============================
>> >       REFS:
>> >          [0]
>> >
>> > http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#the-source-element
>> >          [1] https://developer.mozilla.org/En/HTML/Element/Source
>> >       EXTENDS:
>> >          --
>> >       specific ATTRIBUTES:
>> >          src:
>> >             URL of the source.
>> >          contentType:
>> >             MIME content type of the source (ie:video/ogg).
>> >          codecs:
>> >             Codecs of the source (ie:'avc1.64001E, mp4a.40.2').
>> >          media:
>> >             media attribute: just like the @media in CSS.
>> >
>> >
>> >       NOTES:
>> >          see <hx:mediaSources>, <hx:audio> and <hx:video>
>> >
>> >    <!-- -----------------------usage ---------------------------- -->
>> >    <hx:mediaSource src="http://someaddress/someFile.ogg"
>> > contentType="video/ogg" codecs="avc1.42E01E" media="screen and
>> > (device-width: 800px)"/>
>> >
>> >    <!-- expected HTML5 code for usage-->
>> >    <source src='http://someaddress/someFile.ogg' contentType="video/ogg"
>> > codecs="avc1.42E01E" media="screen and (device-width: 800px)" />
>> >
>> >
>> >    <!-- -----------------------usage ---------------------------- -->
>> >    <hx:mediaSource src="http://someaddress/some3DFile.ogg"
>> > media="3d-glasses" />
>> >
>> >    <!-- expected HTML5 code for usage-->
>> >    <source src='someAddress/some3Dfile.ogg' media="3d-glasses"/>
>> >
>> > ===============================
>> > =======<hx:mediaSources>========
>> > ===============================
>> >       REFS:
>> >          [0]
>> >
>> > http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#the-source-element
>> >          [1] https://developer.mozilla.org/En/HTML/Element/Source
>> >       EXTENDS:
>> >          --
>> >       specific ATTRIBUTES:
>> >          items:
>> >             binding of a collection which has elements of types having
>> > these
>> > methods
>> >                public String getSrc(),
>> >                public String getContentType(),
>> >                public String getMedia(),
>> >                public String getCodecs().
>> >             (ie.
>> > Collection<org.apache.myfaces.html5.media.MediaSourceInfo>)
>> >             'src', 'contentType', 'media' and 'codecs' are explained
in
>> > mediaSource.xhtml (w/o 's' at the end)
>> >
>> >       NOTES:
>> >          see mediaSource.xhtml, audio.xhtml and video.xhtml
>> >    <!-- usage -->
>> >    <hx:mediaSources items="#{audioBean.someAudioFileInfos}"/>
>> >
>> >    <!-- expected HTML5 code-->
>> >    <source src='someAddress/somefile.ogg' type='video/ogg;
>> > codecs="flac"' />
>> >    <source src='http://someaddress/someFile.ogg' media="screen and
>> > (device-width: 800px)" />
>> >    <source src='http://someaddress/someFile.ogg' media="3d-glasses"/>
>> >
>> > Regards,
>> > Ali
>> > --
>> > My Blog: http://blog.aliok.com.tr
>> > Twitter: http://twitter.com/aliok_tr
>> >
>> >
>>
>>
>>
>> --
>> Matthias Wessendorf
>>
>> blog: http://matthiaswessendorf.wordpress.com/
>> sessions: http://www.slideshare.net/mwessendorf
>> twitter: http://twitter.com/mwessendorf
>
>
>
> --
> My Blog: http://blog.aliok.com.tr
> Twitter: http://twitter.com/aliok_tr
>
>



-- 
Matthias Wessendorf

blog: http://matthiaswessendorf.wordpress.com/
sessions: http://www.slideshare.net/mwessendorf
twitter: http://twitter.com/mwessendorf

Mime
View raw message