10-25-2016 02:04 PM
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>
10-25-2016 10:47 PM
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
10-25-2016 11:40 PM
Gracias Angel, probare este ejemplo...
Te comparto un vídeo de lo que quiero hacer...
10-27-2016 02:27 AM
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.
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.
Tags
Find what you came for
We want to make your experience in Hyland Connect as valuable as possible, so we put together some helpful links.