Video de fondo en pagina de login

cancel
Showing results for 
Search instead for 
Did you mean: 
lexcorp
Member II

Video de fondo en pagina de login

Buen día,

Estoy intentando modificar la pagina de "login o acceso" de Alfresco share, quiero colocar un video como fondo de la pagina, algo como este ejemplo:

http://thenewcode.com/samples/polina.html

http://thenewcode.com/777/Create-Fullscreen-HTML5-Page-Background-Video

Ademas de este ejemplo estoy leyendo esta información acerca de los que pasa detrás de escena en la pagina de login de alfresco share:

http://www.ecmtree.com/2016/03/behind-scenes-of-alfresco-share-login.html

Para lograr este objetivo estoy modificando el archivo: login.get.html.ftl

Ubicado en la ruta: tomcat\webapps\share\WEB-INF\classes\alfresco\site-webscripts\org\alfresco\components\guest

En esta plantilla he agregado:

// Llamo al archivo de estilos css "style.css" el cual se encargara de indicar que el video ocupe toda la pantalla

<@link href="${url.context}/res/components/guest/style.css" group="login"/>

// Inserto la etiqueta html5 de video indicando las rutas donde se almacenan los archivos de los videos en diferentes formatos

<video poster="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/polina.jpg" id="bgvid" autoplay muted loop>

        <source src="${url.context}/res/components/guest/polina.webm" type="video/webm" >

        <source src="${url.context}/res/components/guest/polina.mp4" type="video/mp4" >

</video>

El problema es que una vez iniciado alfresco no se reproduce el vídeo.

En la consola del log de alfresco recibo el siguiente error:

12:18:17,107 ERROR [org.alfresco.web.site] (default task-1) java.io.FileNotFoundException: Could not open ServletContext resource [/components/guest]

Claramente me indica que no encuentra los archivos aunque se que están en esa ruta.

Mi pregunta es: ¿Donde debo colocar los archivos para que los pueda localizar alfresco?

¿Es correcto utilizar ${url.context} como lo hago en esta etiqueta para ubicar la ruta del archivo?

<source src="${url.context}/res/components/guest/polina.webm" type="video/webm" >

Incluso he intentado reproduciendo el video en linea y tampoco funciona.

<video poster="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/polina.jpg" id="bgvid" playsinline autoplay muted loop>

        <source src="http://thenewcode.com/assets/videos/polina.webm" type="video/webm">

        <source src="http://thenewcode.com/assets/videos/polina.mp4" type="video/mp4">

</video>

3 Replies
angelborroy
Alfresco Employee

Re: Video de fondo en pagina de login

Prueba a realizar el cambio utilizando un proyecto Alfresco SDK, de esa manera podrás desplegar los recursos en la ruta que espera Alfresco.

Quizá este ejemplo te sirva de ayuda Customizing Alfresco for demo purposes | Programming and So

Hyland Developer Evangelist
lexcorp
Member II

Re: Video de fondo en pagina de login

Gracias Angel, probare este ejemplo...

Te comparto un vídeo de lo que quiero hacer...

Custom Alfresco login page - YouTube

lexcorp
Member II

Re: Video de fondo en pagina de login

Hola Ángel, te comento que había olvidado probar el cambio en diferentes navegadores, he probado en Firefox e Internet Explorer y el video se muestra sin problemas.

Video Link : 1074

Por alguna razón no me funciona en el navegador Google Chrome, No ha sido necesario realizar las modificaciones que sugeriste usando Alfresco SDK, funciona modificando directamente  la plantilla login.get.html.ftl

De todos modos realizare lo que sugieres y lo probare en Google Chrome.