myfaces / richfaces - Flash Movie einbinden

alan79 · 8. Juli 2009

Hallo Forum

Ich versuch nun seit 2 Tagen einen Flash Movie in meine JSF applikation einzubinden. Ich kriegs leider nicht hin.

Ich nutze folgende Komponenten:
- apache myfaces
- Facelets
- Richfaces

Mit folgden Dingen hab ich rumgespielt:
- a4j:mediaOutput
- dojox
- JW FLV media player

Ich bin nicht grad der JavaScript spezialist. Bis jetzt hat gar nichts geklappt d.h. keine Fehlermeldung, kein Movie angezeigt etc.

Hat jemand womöglich ein Code Beispiel zur Hand? Im Internet findet sich dazu leider nur wenig.

Vielen Dank für eure Hilfe.

Grüsse
Alan

Sentoo · 9. Juli 2009

Hallo Alan,

auf der richfaces live demo findet sich ein Beispiel, wie das mit dem mediaOutput gemacht werden kann.
http://livedemo.exadel.com/richfaces-demo/richfaces/mediaOutput.jsf?c=mediaOutput&tab=usage

Wenn Du dort den Link "View SWF Example Source" aufklappst, siehst du den JSF Code. Die beiden notwendigen Beans darunter.

Gruß Sen

alan79 · 9. Juli 2009

Hallo Sen

Danke für dein Antwort.
Ich hab das als allererstes probiert und habs aber nicht zum laufen gekriegt.
Da war keine Fehlermeldung aber und das video file wurde nie angezeigt.
Hast du das zum laufen gekriegt?

Grüsse
Alan

Sentoo · 9. Juli 2009

Ich habe bisher Imagemaps auf dem Weg eingebunden, mit Flash Videos hatte ich es noch nicht versucht. Dazu kann ich dir heute Abend mehr sagen, wenn ich Zeit habe, das zu testen.

Welche Fehlermeldung hattest Du denn bekommen?

alan79 · 9. Juli 2009

Da war eben gar keine Fehlermeldung. Es passiert einfach nichts.

Ich werde es später nochmals probieren und dann kann ich Dir da auch mal den Source Code schicken.

Ich wäre allerdings auch interessiert einen "richtigen" player zu intergrieren. Das mediaOutput bietet ja keinerlei Funktionaliät für "Stop", Start", "Pause" etc..

Hat jemand das schon mal gemacht? Hat jemand Beispiele?
Vielen Dank!
Alan

Sentoo · 9. Juli 2009

Hi Alan,

alan79 hat gesagt.:
Ich wäre allerdings auch interessiert einen "richtigen" player zu intergrieren. Das mediaOutput bietet ja keinerlei Funktionaliät für "Stop", Start", "Pause" etc..

einen "richtigen" Player gibt es in dem Sinne nicht. Das kannst Du (auch in dem richfaces Beispiel oben) per Rechtsclick -> Menu machen.

Wenn Du in manchen Flash Movies solche Bedienelemente gesehen hast, dann wurden die von demjenigen, der das Flash Movie gemacht hat eingebaut. Das geht per Actionscript.
http://www.adobe.com/support/flash/action_scripts/actionscript_tutorial/index.html
oder
http://www.google.de/search?hl=de&q...G=Google-Suche&meta=&aq=0&oq=flash+pause+play

alan79 · 9. Juli 2009

Hallo Sentoo

Ok. Habs verstanden. Vielen Dank für den Hinweis.

Hier ist nun noch der Sourcecode:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">


<f:view>

	<ui:composition
		template="#{facesContext.externalContext.requestContextPath}/../layout/layout.xhtml">

		<ui:define name="contentNav">
			<t:div id="leftContentNavigation">
			</t:div>
		</ui:define>
		<ui:define name="contentComponents">
			<t:div id="leftContentComponents">
			</t:div>
		</ui:define>
		<ui:define name="title">
			<h:outputText value="#{cont.windowTitleHelp }" />
		</ui:define>
		<ui:define name="content">
			
				<f:verbatim>

					<script type="text/javascript"
						src="#{facesContext.externalContext.requestContextPath}/scripts/swfobject.js" />
					
			<script type="text/javascript">
					
			        var flashvars = {};
			        var params = {};
			        var attributes = {};
			        swfobject.embedSWF(#{rich:element('swfLink')}.href, "#{rich:clientId('myFlashContent')}", "200", "200", "9.0.0", false, flashvars, params, attributes); 
			        </script>

					  <a4j:outputPanel id="flashPanelDynamic">
				        
				        <a4j:mediaOutput element="a" id="swfLink" style="display: none;" cacheable="false" session="true"
				            createContent="#{mediaBean.paintFlash}" value="#{mediaData}" />

				        <a4j:outputPanel layout="block" id="myFlashContent" style="width: 200px; height: 200px">
				            <a href="http://www.adobe.com/go/getflashplayer">
				                <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
				            </a>
				        </a4j:outputPanel>

				      </a4j:outputPanel>   

				   
					

				</f:verbatim>

			





		</ui:define>
	</ui:composition>
</f:view>
</html>

The Beans:

Code:

package com.XXX.groupware.handler;

import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;

import javax.imageio.ImageIO;

public class MediaBean {
	
	public MediaBean(){
		
		System.out.println("*** DEBUG MEDIA BEAN INITIATED...");
	}

    public void paint(OutputStream out, Object data) throws IOException{
        if (data instanceof MediaData) {

            MediaData paintData = (MediaData) data;
            BufferedImage img = new BufferedImage(paintData.getWidth(),paintData.getHeight(),Buffere
dImage.TYPE_INT_RGB);
            Graphics2D graphics2D = img.createGraphics();
            graphics2D.setBackground(paintData.getBackground());
            graphics2D.setColor(paintData.getDrawColor());
            graphics2D.clearRect(0,0,paintData.getWidth(),paintData.getHeight());
            graphics2D.drawLine(5,5,paintData.getWidth()-5,paintData.getHeight()-5);
            graphics2D.drawChars(new String("RichFaces").toCharArray(),0,9,40,15);
            graphics2D.drawChars(new String("mediaOutput").toCharArray(),0,11,5,45);

            ImageIO.write(img,"jpeg",out);

        }
    }

    private void copy(InputStream in, OutputStream out) throws IOException {
        byte[] buffer = new byte[2048];
        int read;
        
        while ((read = in.read(buffer)) != -1) {
            out.write(buffer, 0, read);
        }
    }
    
    public void paintFlash(OutputStream out, Object data) throws IOException {
        ClassLoader loader = Thread.currentThread().getContextClassLoader();
        if (loader == null) {
            loader = getClass().getClassLoader();
        }
        
        InputStream stream = this.getClass().getClassLoader().getResourceAsStream("../../scripts/create_time_report.swf");
        if (stream != null) {
            try {
                copy(stream, out);
            } finally {
                stream.close();
            }
        }
        else{
        	System.out.println("*** DEBUG MOVIE - STREAM NULL...");
        }
    }
}

Code:

package com.XXX.groupware.handler;

import java.awt.Color;
import java.io.Serializable;

public class MediaData implements Serializable{

    private static final long serialVersionUID = 1L;
    Integer Width=110;
    Integer Height=50;
    Color Background=new Color(0,0,0);
    Color DrawColor=new Color(255,255,255);
    public MediaData() {
    }
    public Color getBackground() {
        return Background;
    }
    public void setBackground(Color background) {
        Background = background;
    }
    public Color getDrawColor() {
        return DrawColor;
    }
    public void setDrawColor(Color drawColor) {
        DrawColor = drawColor;
    }
    public Integer getHeight() {
        return Height;
    }
    public void setHeight(Integer height) {
        Height = height;
    }
    public Integer getWidth() {
        return Width;
    }
    public void setWidth(Integer width) {
        Width = width;
    }
}

Momentan geschieht einfach nichts. Es sieht so aus als würde die MediaBean gar nie instanziert?
Grüsse
Alan

alan79 · 9. Juli 2009

Ach wie schön! Problem gelöst:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">


<f:view>

	<ui:composition
		template="#{facesContext.externalContext.requestContextPath}/../layout/layout.xhtml">

		<ui:define name="contentNav">
			<t:div id="leftContentNavigation">
			</t:div>
		</ui:define>
		<ui:define name="contentComponents">
			<t:div id="leftContentComponents">
			</t:div>
		</ui:define>
		<ui:define name="title">
			<h:outputText value="#{cont.windowTitleHelp }" />
		</ui:define>
		<ui:define name="content">
			
			

					

					  <a4j:outputPanel id="flashPanelDynamic">
				        <script type="text/javascript"
						src="#{facesContext.externalContext.requestContextPath}/scripts/swfobject.js" />
					
				
				        <a4j:mediaOutput element="a" id="swfLink" style="display: none;" cacheable="false" session="true"
				            createContent="#{mediaBean.paintFlash}" value="#{mediaData}" />

				        <a4j:outputPanel layout="block" id="myFlashContent" style="width: 200px; height: 200px">
				            <a href="http://www.adobe.com/go/getflashplayer">
				                <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
				            </a>
				        </a4j:outputPanel>
				        
				        
					<script type="text/javascript">
					
			        var flashvars = {};
			        var params = {};
			        var attributes = {};
			        swfobject.embedSWF(#{rich:element('swfLink')}.href, "#{rich:clientId('myFlashContent')}", "800", "800", "9.0.0", false, flashvars, params, attributes); 
			        </script>

				      </a4j:outputPanel>   

		</ui:define>
	</ui:composition>
</f:view>
</html>

Das Hauptproblem war ein ganz doofes. Ich hatte das JavaScript vor dem a4j

utputPanel eingebunden. Das funktioniert nicht, da sich das JavaScript auf die Id's der outputPanel's bezieht... *stupid me*

Sento.. vielen Dank für deine Hilfe!

Grüsse
Alan

myfaces / richfaces - Flash Movie einbinden

alan79

Mitglied

Sentoo

Erfahrenes Mitglied

alan79

Mitglied

Sentoo

Erfahrenes Mitglied

alan79

Mitglied

Sentoo

Erfahrenes Mitglied

alan79

Mitglied

alan79

Mitglied

Neue Beiträge