ICEfaces
  1. ICEfaces
  2. ICE-2100

New Media component (ice:outputMedia)

    Details

    • Type: New Feature New Feature
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: 1.6.1
    • Fix Version/s: 1.7Beta1, 1.7
    • Component/s: ICE-Components
    • Labels:
      None
    • Environment:
      ICEfaces with a media file
    • Affects:
      Documentation (User Guide, Ref. Guide, etc.), Sample App./Tutorial

      Description

      It should be straightforward to embed movies, flash, etc. into ICEfaces pages.

        Activity

        Hide
        Malkit Bhasin added a comment -

        Figured out. Here is what works for both IE and Firefox:

        <ice:outputMedia>
        <f:param name="src" value="svgfilename.svg"/>
        <f:param name="type" value="image/svg+xml"/>
        <f:param name="height" value="300"/>
        <f:param name="width" value="900"/>
        <f:param name="pluginspage" value="http://www.adobe.com/svg/viewer/install/"/>
        </ice:outputMedia>

        Show
        Malkit Bhasin added a comment - Figured out. Here is what works for both IE and Firefox: <ice:outputMedia> <f:param name="src" value="svgfilename.svg"/> <f:param name="type" value="image/svg+xml"/> <f:param name="height" value="300"/> <f:param name="width" value="900"/> <f:param name="pluginspage" value="http://www.adobe.com/svg/viewer/install/"/> </ice:outputMedia>
        Hide
        Malkit Bhasin added a comment -

        Hi,
        I'm trying to use this component ice:outputMedia to render SVG into the page. It works fine for Firefox, but not for Internet Explorer. Here is what I am doing:
        <ice:outputMedia source="svgfilename.svg" mimeType="image/svg+xml" />

        Can someone suggest what I need to do to get this working for IE. Thanks in advance.

        Show
        Malkit Bhasin added a comment - Hi, I'm trying to use this component ice:outputMedia to render SVG into the page. It works fine for Firefox, but not for Internet Explorer. Here is what I am doing: <ice:outputMedia source="svgfilename.svg" mimeType="image/svg+xml" /> Can someone suggest what I need to do to get this working for IE. Thanks in advance.
        Ken Fyten made changes -
        Status Resolved [ 5 ] Closed [ 6 ]
        Assignee Yip Ng [ yip.ng ]
        Ken Fyten made changes -
        Fix Version/s 1.7 [ 10080 ]
        Hide
        yip.ng added a comment -

        1.7 Beta 1 will be released today which includes the component.

        In answer to Sheng's question:
        The component translates to an <object> tag and an <embed> tag. So it only has the capabilities of those tags. Those tags don't do true streaming. They rely on the browser to do some "fake" streaming? If the amount of media data is small, I suppose you can write it to a file and serve the file? Otherwise, I suppose you can point the media source URL to a servlet that reads the data from the DB and output it to the HTTP response output stream? I haven't done these before, so I am not 100% sure.

        Show
        yip.ng added a comment - 1.7 Beta 1 will be released today which includes the component. In answer to Sheng's question: The component translates to an <object> tag and an <embed> tag. So it only has the capabilities of those tags. Those tags don't do true streaming. They rely on the browser to do some "fake" streaming? If the amount of media data is small, I suppose you can write it to a file and serve the file? Otherwise, I suppose you can point the media source URL to a servlet that reads the data from the DB and output it to the HTTP response output stream? I haven't done these before, so I am not 100% sure.
        Hide
        Dim Bou added a comment -

        Great work guys is there any chance of getting a packaged war of the component to test it...
        dim5b

        Show
        Dim Bou added a comment - Great work guys is there any chance of getting a packaged war of the component to test it... dim5b
        Hide
        Sheng Gu added a comment -

        It is very nice to see ICEfaces implemented the new component. Just a shot question, can the ice:outputMedia play a video/movie from byte data in database? Thank you.

        Show
        Sheng Gu added a comment - It is very nice to see ICEfaces implemented the new component. Just a shot question, can the ice:outputMedia play a video/movie from byte data in database? Thank you.
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #15753 Thu Feb 07 10:55:59 MST 2008 yip.ng ICE-2100
        Reverted back the width and height for QuickTime and Windows media files.
        Files Changed
        Commit graph MODIFY /icefaces/trunk/icefaces/samples/component-showcase/src/com/icesoft/icefaces/samples/showcase/components/media/Media.java
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #15750 Thu Feb 07 10:19:08 MST 2008 yip.ng ICE-2100
        Used new Flash file. Changed width and height for QuickTime and Windows media files.
        Files Changed
        Commit graph DEL /icefaces/trunk/icefaces/samples/component-showcase/web/media/ICEfaces_Skyscraper_120x600.swf
        Commit graph ADD /icefaces/trunk/icefaces/samples/component-showcase/web/media/ICEfaces_JavaLobby_300x250.swf
        Commit graph MODIFY /icefaces/trunk/icefaces/samples/component-showcase/src/com/icesoft/icefaces/samples/showcase/components/media/Media.java
        Ken Fyten made changes -
        Summary Movie or media component New Media component (ice:outputMedia)
        Ken Fyten made changes -
        Status Open [ 1 ] Resolved [ 5 ]
        Fix Version/s 1.7Beta1 [ 10121 ]
        Fix Version/s 1.7 [ 10080 ]
        Affects [Documentation (User Guide, Ref. Guide, etc.), Sample App./Tutorial]
        Resolution Fixed [ 1 ]
        yip.ng made changes -
        Attachment screenshot-2.jpg [ 10813 ]
        Hide
        yip.ng added a comment -

        Screenshot of testing the component showcase example.

        Show
        yip.ng added a comment - Screenshot of testing the component showcase example.
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #15727 Tue Feb 05 17:40:55 MST 2008 yip.ng ICE-2100
        Added description doc.
        Files Changed
        Commit graph MODIFY /icefaces/trunk/icefaces/samples/component-showcase/web/inc/components/media.jspx
        Commit graph ADD /icefaces/trunk/icefaces/component/doc/outputMediaDoc.html
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #15726 Tue Feb 05 15:51:21 MST 2008 yip.ng ICE-2100
        Component Showcase example for output media componnet.
        Files Changed
        Commit graph MODIFY /icefaces/trunk/icefaces/samples/component-showcase/web/WEB-INF/faces-config.xml
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #15725 Tue Feb 05 15:50:06 MST 2008 yip.ng ICE-2100
        Component Showcase example for output media componnet.
        Files Changed
        Commit graph ADD /icefaces/trunk/icefaces/samples/component-showcase/web/media/ICEfaces_Skyscraper_120x600.swf
        Commit graph MODIFY /icefaces/trunk/icefaces/samples/component-showcase/src/com/icesoft/icefaces/samples/showcase/resources/messages.properties
        Commit graph ADD /icefaces/trunk/icefaces/samples/component-showcase/src/com/icesoft/icefaces/samples/showcase/components/media
        Commit graph MODIFY /icefaces/trunk/icefaces/samples/component-showcase/src/com/icesoft/icefaces/samples/showcase/navigation/TreeNavigation.java
        Commit graph MODIFY /icefaces/trunk/icefaces/samples/component-showcase/web/showcase.jspx
        Commit graph ADD /icefaces/trunk/icefaces/samples/component-showcase/web/media
        Commit graph ADD /icefaces/trunk/icefaces/samples/component-showcase/src/com/icesoft/icefaces/samples/showcase/components/media/Media.java
        Commit graph ADD /icefaces/trunk/icefaces/samples/component-showcase/web/inc/components/media.jspx
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #15682 Tue Jan 29 14:14:22 MST 2008 yip.ng ICE-2100
        Removed width and height attributes.
        Files Changed
        Commit graph MODIFY /icefaces/trunk/icefaces/component-metadata/src/main/resources/conf/ice_cust_properties/cust-outputMedia-props.xml
        Commit graph MODIFY /icefaces/trunk/icefaces/component/src/com/icesoft/faces/component/outputmedia/OutputMediaRenderer.java
        Commit graph MODIFY /icefaces/trunk/icefaces/component/src/com/icesoft/faces/component/outputmedia/OutputMedia.java
        yip.ng made changes -
        Attachment screenshot-1.jpg [ 10806 ]
        Hide
        yip.ng added a comment -

        Screenshot of testing the component. From left to right: flash player, windows media player, quicktime player, real player.

        Show
        yip.ng added a comment - Screenshot of testing the component. From left to right: flash player, windows media player, quicktime player, real player.
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #15678 Mon Jan 28 16:47:10 MST 2008 yip.ng ICE-2100
        Added renderedOnUserRole attribute.
        Files Changed
        Commit graph MODIFY /icefaces/trunk/icefaces/component-metadata/src/main/resources/conf/ice_cust_properties/cust-outputMedia-props.xml
        Commit graph MODIFY /icefaces/trunk/icefaces/component/src/com/icesoft/faces/component/outputmedia/OutputMedia.java
        Commit graph MODIFY /icefaces/trunk/icefaces/component-metadata/src/main/resources/conf/custom/outputMedia-renderer.xml
        Hide
        yip.ng added a comment -

        From Ken:
        It looks like your missing some of our standard extended attributes, such as renderedOnUserRole and enabledOnUserRole.

        From Frank:
        Not sure if this component really need width and height. the function is already duplicated in style attribute.

        Show
        yip.ng added a comment - From Ken: It looks like your missing some of our standard extended attributes, such as renderedOnUserRole and enabledOnUserRole. From Frank: Not sure if this component really need width and height. the function is already duplicated in style attribute.
        Ken Fyten made changes -
        Fix Version/s 1.7 [ 10080 ]
        Repository Revision Date User Message
        ICEsoft Public SVN Repository #15566 Mon Jan 14 16:41:34 MST 2008 yip.ng ICE-2100
        New media component.
        Files Changed
        Commit graph ADD /icefaces/trunk/icefaces/component-metadata/src/main/resources/conf/ice_cust_properties/cust-outputMedia-props.xml
        Commit graph ADD /icefaces/trunk/icefaces/component/src/com/icesoft/faces/component/outputmedia/OutputMediaRenderer.java
        Commit graph ADD /icefaces/trunk/icefaces/component/src/com/icesoft/faces/component/outputmedia/OutputMedia.java
        Commit graph ADD /icefaces/trunk/icefaces/component/src/com/icesoft/faces/component/outputmedia
        Commit graph MODIFY /icefaces/trunk/icefaces/component-metadata/src/main/resources/conf/extended-faces-config.xml
        Commit graph ADD /icefaces/trunk/icefaces/component-metadata/src/main/resources/conf/custom/outputMedia-renderer.xml
        Commit graph MODIFY /icefaces/trunk/icefaces/component/conf/META-INF/faces-config.xml
        Commit graph ADD /icefaces/trunk/icefaces/component-metadata/src/main/resources/conf/custom/outputMedia-component.xml
        Ken Fyten made changes -
        Field Original Value New Value
        Assignee Yip Ng [ yip.ng ]
        Hide
        Ted Goddard added a comment -

        IBM has a set of media player components that are useful to consider for reference

        http://publib.boulder.ibm.com/infocenter/radhelp/v6r0m1/index.jsp?topic=/com.ibm.etools.webreference.doc/topics/rjsfallatt.html

        however, it is likely not necessary for the developer to distinguish between the different media types at the component level as they have done.

        Show
        Ted Goddard added a comment - IBM has a set of media player components that are useful to consider for reference http://publib.boulder.ibm.com/infocenter/radhelp/v6r0m1/index.jsp?topic=/com.ibm.etools.webreference.doc/topics/rjsfallatt.html however, it is likely not necessary for the developer to distinguish between the different media types at the component level as they have done.
        Hide
        Ted Goddard added a comment -

        To reduce the complexity of the HTML, it may be desirable to detect the user-agent and serve browser-specific HTML.

        This component will have to be tested carefully under Ajax Push since some of the "browser-independent" HTML strategies make use of HTML that is not well formed. HTML that is not well-formed would be unpredictable under DOM update.

        Show
        Ted Goddard added a comment - To reduce the complexity of the HTML, it may be desirable to detect the user-agent and serve browser-specific HTML. This component will have to be tested carefully under Ajax Push since some of the "browser-independent" HTML strategies make use of HTML that is not well formed. HTML that is not well-formed would be unpredictable under DOM update.
        Hide
        Ted Goddard added a comment -

        <ice:outputMedia value="#

        {bean.mediaURL}

        " width="int" height="int"
        controller="bool" autoplay="bool" type="mime-type-String" />

        The outputMedia component can use the type to produce the correct
        HTML for the particular piece of embedded media. Note that this
        HTML is not simple in the cross-browser case:

        http://www.alistapart.com/articles/byebyeembed

        If the type is not present, it can be guessed from the extension of the value attribute.

        Show
        Ted Goddard added a comment - <ice:outputMedia value="# {bean.mediaURL} " width="int" height="int" controller="bool" autoplay="bool" type="mime-type-String" /> The outputMedia component can use the type to produce the correct HTML for the particular piece of embedded media. Note that this HTML is not simple in the cross-browser case: http://www.alistapart.com/articles/byebyeembed If the type is not present, it can be guessed from the extension of the value attribute.
        Ted Goddard created issue -

          People

          • Assignee:
            Unassigned
            Reporter:
            Ted Goddard
          • Votes:
            7 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved: