5
respostas

Primefaces Multimidia

Gostaria de algum exemplo pra carregar videos de uma determinada pasta do disco local do meu computador, pois os exemplos no próprio site do primefaces mostra carregando um vídeo do youtube, porem quero carregar um vídeo de meu computador, por exemplo o caminho dos videos "C:\Users\Gabriel-gbr\Videos". Gostaria que o componente carregasse um determinado vídeo dessa pasta.

5 respostas

Boa noite, Gabriel! Como vai?

De acordo com a documentação do componente media basta indicar no atributo value o caminho para o vídeo que se quer carregar.

Exemplo da documentação: <p:media value="/resources/demo/media/sample-mov.mov" />

Dica: Sempre que tiver dúvidas em relação ao uso correto de propriedades e/ou métodos (seja em que ambiente for), procure pelos materiais de referência ou respectivas APIs. Nesse caso específico do seu problema, do componente media do Primefaces. Essa é uma dica que é muito útil para todos os desenvolvedores!

Grande abraço!

Fiz esse procedimento amigo mas mesmo assim não carrega. Aparece na tela que o plugin não é compativel.

Oi, Gabriel! Boa noite!

Como está o seu código? Poste ele aqui bem como o resultado gerado no navegador para que eu possa te ajudar de forma mais efetiva.

cadastrarCurso.xhtml

<?xml version="1.0" encoding="UTF-8" ?>
<!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:h="http://xmlns.jcp.org/jsf/html"
    xmlns:f="http://xmlns.jcp.org/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:ui="http://xmlns.jcp.org/jsf/facelets">

<ui:composition template="_templateProfessor.xhtml">

    <ui:define name="titulo">
        <p:outputPanel>Cadastrar Curso</p:outputPanel>
    </ui:define>

    <ui:define name="conteudo">

        <h:form id="cadastrarCurso" enctype="multipart/form-data">
            <p:fieldset legend="Dados do Curso">
                <h:panelGrid columns="3">

                    <p:outputLabel value="Titulo" for="titulo" />

                    <p:outputLabel value="Preço" for="preco" />

                    <p:outputLabel value="Descrição" for="descricao" />

                    <p:inputText id="titulo" value="#{cadastrarCursoBean.curso.titulo}" />

                    <p:inputText id="preco" value="#{cadastrarCursoBean.curso.valor}" />

                    <p:inputTextarea rows="2" cols="40" id="descricao"
                        value="#{cadastrarCursoBean.curso.descricao}" />

                </h:panelGrid>
            </p:fieldset>

            <p:fieldset legend="Capitulos">
                <h:panelGrid columns="4">

                    <p:outputLabel value="Titulo do Capitulo:" for="tituloCapitulo" />

                    <p:inputText id="tituloCapitulo"
                        value="#{cadastrarCursoBean.capitulo.titulo}" />

                    <p:fileUpload mode="advanced"
                        fileUploadListener="#{cadastrarCursoBean.upload}"
                        uploadLabel="Upload Arquivo" label="Escolher Arquivo"
                        cancelLabel="Cancelar" />

                    <p:commandButton value="Salvar Capitulo"
                        action="#{cadastrarCursoBean.salvarCapitulo}" update="@form"
                        process="@form" />

                </h:panelGrid>
            </p:fieldset>

            <br />
            <p:fieldset style="text-align:center;">
                <p:commandButton value="Cadastrar Curso"
                    action="#{cadastrarCursoBean.cadastrarCurso}"
                    icon="fa fa-fw fa-thumbs-o-up" update="@all" process="@form" />
            </p:fieldset>
            <br />

            <p:dataList id="listaCapitulos"
                value="#{cadastrarCursoBean.capitulos}" var="capitulo"
                type="definition">
                <f:facet name="header">
                    Capitulos
                </f:facet>
                #{capitulo.titulo}

                <p:commandButton icon="fa fa-fw fa-edit"
                    actionListener="#{cadastrarCursoBean.alterar(capitulo)}"
                    update="@form" process="@this" />

                <p:commandButton icon="fa fa-fw fa-remove"
                    action="#{cadastrarCursoBean.remover(capitulo)}" update="@form"
                    process="@this" />

                <p:media
                    value="C:/Users/Gabriel-gbr/workspace/Elearning/WebContent/resources/videoAulas/sample-mov.mov"
                    width="190" height="250">
                    <f:param name="autoPlay" value="false" />
                </p:media>

            </p:dataList>

        </h:form>
    </ui:define>

</ui:composition>

</html>

O navegador simplesmente não aparece nada.

O componente fica branco no navegador.