Manual del visor de vídeos del BIG d agost de 2013

Transcripción

1 Manual del visor de vídeos del BIG d agost de 2013

2 Índex de contingut Introducció... 3 Presentació del visor Flash... 3 Presentació del visor compatible amb tots els dispositius... 5 Com es pot inserir un vídeo en un web... 6 Com es pot inserir un àudio en un web... 7 Annexa... 8 Paràmetres del visor Flash

3 Introducció El present document vol mostrar el funcionament de les diferents opcions disponibles i l ús del visor corporatiu de gencat.cat. En l actualitat, hi ha disponibles dos visors, un amb tecnologia Flash i no compatible amb dispositius que no donin suport a aquesta tecnologia (per exemple iphone i ipad) i un altre visor més bàsic, que garanteix la visualització dels vídeos, en tot tipus de dispositius. Presentació del visor Flash 1. Botó de reproducció. Quan el vídeo s està visualitzant, el botó canvia la seva funcionalitat per poder aturar la reproducció. 2. Barra de progrés. Podem situar el requadre en qualsevol punt de la barra de progrés per veure un punt específic del vídeo. 3. Informació del temps actual de reproducció i el temps total del vídeo. 4. Ajustament del volum de l àudio. Si se situa el cursor sobre la icona, apareix la barra que permet seleccionar el volum. Si es fa clic a la icona, el vídeo queda en silenci. Si el vídeo està en silenci i es torna a fer clic a la icona, s activa un altre cop el so. 5. Reproduir el vídeo en pantalla completa. El visor passarà a ocupar tot l amplada i l alçada de la pantalla. Si es fa clic al botó un altre cop o si es prem la tecla Esc, el 3

4 vídeo torna a la mida original. 6. Botó per desplegar les opcions de compartir i de subtítols del vídeo. 7. Botó per seleccionar un subtítol. Si el vídeo té configurats subtítols al BIG, quan es fa clic en aquest botó es mostren tots els subtítols configurats per poder seleccionar-ne i visualitzar-ne un Selecció de cap subtítol Llista d idiomes de subtítols disponibles Botó per tancar la finestra de selecció de subtítols. 8. Botó amb la informació necessària per inserir el vídeo en una pàgina web Botó per copiar el codi al porta-retalls Codi generat per poder inserir el visor en una pàgina web. 4

5 8.3. Botó per tancar la finestra d inserir codi. 9. Botó amb la informació necessària per poder compartir el vídeo en diferents webs socials Codi generat que serà enviat a les diferents webs socials Botó per copiar el codi generat, en cas que es vulgui compartir en una web social no inclosa al visor Opció per compartir el vídeo a Facebook Opció per compartir el vídeo a Twitter Opció per compartir el vídeo a Delicious Opció per compartir el vídeo a La Tafanera. Presentació del visor compatible amb tots els dispositius 5

6 1. Botó de reproducció. Quan el vídeo s està visualitzant, el botó canvia la seva funcionalitat per poder aturar la reproducció. 2. Barra de progrés. Podem situar el requadre en qualsevol punt de la barra de progrés per veure un punt específic del vídeo. 3. Informació del temps actual de reproducció i el temps total del vídeo. 4. Ajustament del volum de l àudio. Si es fa clic a la icona, el vídeo queda en silenci. Si el vídeo està en silenci i es torna a fer clic a la icona, s activa un altre cop el so. 5. Reproduir el vídeo en pantalla completa. El visor passarà a ocupar tot l amplada i l alçada de la pantalla. Si es fa clic al botó un altre cop o si es prem la tecla Esc, el vídeo torna a la mida original. Quant el vídeo es visualitza en un iphone i/o ipad, els controls canvien pels del propi dispositiu. Com es pot inserir un vídeo en un web Entre d altres, hi ha dues maneres senzilles d introduir el codi del visor en un web. Opció 1. Des del BIG, aneu al detall del vídeo, on es mostrarà el visor i la seva informació de catalogació. Feu clic sobre l adreça del vídeo. Es mostrarà una nova finestra, que conté un exemple de codi, necessari per mostrar el vídeo en una pàgina html: Opció 2. Aneu a la pàgina de selecció de plugins de gencat, ( 1. Introduir l identificador del vídeo al camp Id. de BIG. 6

7 2. Seleccioneu les mides desitjades (amplada i alçada) del visor. 3. Si voleu que el vídeo sigui reproduït automàticament, marqueu la casella Autostart. 4. Fer clic sobre el botó Personalitza per actualitzar les dades. Es mostrarà el vídeo seleccionat al visor amb les mides introduïdes. 5. Per recuperar el codi necessari, farem clic sobre el botó Veure codi font. Per vídeos que no siguin de BIG, haurem d optar per fer servir el visor flash de Gencat, on introduirem l adreça del vídeo i de la imatge de previsualització com paràmetres. El codi a fer servir és. <object data="//www20.gencat.cat/docs/big/big_player.swf?file=urlvideo&image=urlpreview" width="512" height="288" type="application/x-shockwave-flash" id="big_player" title=""> <param name="allowscriptaccess" value="always" /> <param name="allowfullscreen" value="true" /> <param name="movie" value="//www20.gencat.cat/docs/big/big_player.swf?file=urlvideo&image=urlpreview"/> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="wmode" value="transparent" /> </object> On substituirem el paràmetre urlvideo, per l adreça del vídeo i urlpreview, per l adreça de la imatge de previsualització Si es vol fer servir el visor flash de Gencat, en vídeos de BIG, recomanem fer servir el següent codi html, substituint el valor del camp idbig per l identificador de BIG: <object data="//www20.gencat.cat/docs/big/big_player.swf?id=idbig" width="512" height="288" type="application/xshockwave-flash" id="big_player" title=""> <param name="allowscriptaccess" value="always" /> <param name="allowfullscreen" value="true" /> <param name="movie" value="//www20.gencat.cat/docs/big/big_player.swf?id=idbig"/> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="wmode" value="transparent" /> </object> Com es pot inserir un àudio en un web Per inserir un àudio, podem seguir gairebé els mateixos passos que per un vídeo: Des del detall de l àudio a BIG, fer clic sobre l adreça i copiar el codi proposat. Obrir la pàgina de selecció de plugins de Gencat, seguir els mateixos passos comentats per el vídeo però seleccionant l opció És àudio : 7

8 Si només volem mostrar la barra amb les opcions de reproducció, seleccionarem una altura de 22 pixels: Annexa Paràmetres del visor Flash Nom del paràmetre file image id autorun audio Descripció Es fa servir per poder introduir l adreça del vídeo a mostrar. Si es fa servir el paràmetre id, aquest paràmetre no es té en compte Es fa servir per poder introduir la imatge de previsualització del vídeo. Es fa servir conjuntament amb el paràmetre anterior. Si s utilitza el paràmetre id, aquest paràmetre no es tindrà en compte. Identificador del vídeo a BIG. introduint aquest paràmetre, es recupera automàticament el vídeo i la imatge de previsualització configurada al BIG. Reproducció automàtica. Només funciona quant s ha configurat el vídeo amb els paràmetres file. Indica si el media introduït és un àudio. Només necessari si es fa servir el paràmetre id i el mèdia és un àudio. Valor acceptat true/false 8