AnsweredAssumed Answered

Video de fondo en pagina de login

Question asked by lexcorp on Oct 25, 2016
Latest reply on Oct 27, 2016 by lexcorp

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>

 

 

Outcomes