Copia o código da
página de exemplo em html
à tua página web.
Sube à pasta onde se ubique a página web os seguintes arquivos:
player_flv_maxi.swf,
start_frame.jpg,
get_video.flv y get_video.xml.
Agora já tens na página web um vídeo em Flash. Como este.
Nota:
se, uma vez incrustado o vídeo na página web e subido a um servidor Microsoft Windows 2003, ao visualizar a página no navegador diz "o arquivo especificado não existe",
consulte este guia
.
Nota:
de seguida encontrarás uma descrição detalhada dos parâmetros dos seguintes leitores:
Uma vez convertido o vídeo gera-se o arquivo 01.xml e o seguinte código HTML:
<object id="Object1" type="application/x-shockwave-flash" data="player_flv_multi.swf" width="352" height="264">
<param name="movie" value="player_flv_multi.swf" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="opaque" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="quality" value="high" />
<param name="menu" value="true" />
<param name="autoplay" value="false" />
<param name="autoload" value="false" />
<param name="FlashVars" value="configxml=01.xml" />
</object>
Há alguns parâmetros no arquivo que podes modificar. São estes:
width
Define a largura do vídeo (em píxeis). Este parâmetro tem de ser um número inteiro positivo.
O valor mínimo é de 350 píxeis.
Este parâmetro aparece no código superior duas vezes. Se mudas este valor deves mudá-lo duas vezes.
height
Define a altura do vídeo (em píxeis). Este parâmetro tem de ser um número inteiro positivo.
O valor mínimo é de 120 píxeis.
Este parâmetro aparece no arquivo e no código superior. Se mudas este valor deves mudar as duas vezes.
autoplay
Estabelece o carregamento de um áudio como automático ou manual.
Valores possíveis deste parâmetro:
Se o valor é 1 / true, o carregamento comença automaticamente depois; se o valor é outro (autoload=0 / false), o carregamento começa depois de premir o botão de Play.
autoload
Define como automático o carregamento do vídeo.
Valores possíveis deste parâmetro:
Se o valor é 1 / true, o vídeo começa a carregar-se automaticamente; se o valor é (autoload=0 / false), o vídeo começa a carregar-se depois de premir o botão Reproduzir.
autonext
Para evitar que passe ao vídeo seguinte, introduz 0 neste parâmetro, se não estabelece-o como 1.
shuffle
Establece el valor de ese parámetro como 1 para activar orden aleatorio, para todo lo contrario establece 0.
loop
Estabelece automaticamente um vazio na reprodução.
Valores possíveis deste parâmetro:
Se o valor é 1, o leitor de Flash suporta o vazio de reprodução, se o valor é 0, não o suporta.
playonload
Para evitar que se reproduza o vídeo uma vez carregado o valor deste parâmetro deve ser 0, para o contrário introduz 1.
volume
Os valores possíveis desse parâmetro são entre 0 e 200.
playeralpha
Define a transparência da barra do leitor. Os valores possíveis deste parâmetro estão entre 0 e 100.
iconplaybgalpha
Define a transparência do símbolo do botão Reproduzir. Os valores possíveis deste parâmetro estão entre 0 e 100.
buffer
Define os segundos ao buffer.
buffermessage
Define a mensagem do buffer.
title
Define o título que se mostra antes de carregar o vídeo. Os títulos dos vídeos devem ir separados por |
(por exemplo, title=my_video1|my_video2|my_video3|my_video4)
By default, the player has the same title as the video file. This parameter can be set for classic, maxi and multi players. Mini, new maxi, new multi players don't support 'title' parameter.
Note: if you use 'startimage' parameter, set its value to 1 (<param name="showtitleandstartimage" value="1" />), otherwise the title won't be displayed, or remove 'startimage' parameter to display the title.
If you need to display the title simultaneously with the play icon button ('showiconplay=1' parameter), you can move the title with a newline sign \n\n to the beginning of the title (to shift it down), or to the end of the title (to shift it up), e.g. <param name="title" value="my_title \n\n" />
titlesize
Define o tamanho da fonte do título.
srtsize
Define o tamanho da fonte dos subtítulos.
onclick
Configura uma acção depois de fazer clique no vídeo. Por defeito, funciona o binómio playpause, ou seja, o vídeo reproduz-se ou fica em pausa ao fazer clique. Para eliminar estas acções, introduz como valor none.
onclicktarget
Estabelece o destino da URL depois de fazer clique no vídeo. Valores possíveis deste parâmetro: _self ou _blank.
ondoubleclick
Configura uma acção depois de fazer duplo clique no vídeo. Valores possíveis deste parâmetro: none, fullscreen, playpause ou URL ao abrir.
ondoubleclicktarget
Configura uma acção depois de fazer duplo clique no vídeo. Valores possíveis deste parâmetro: none, fullscreen, playpause ou URL ao abrir.
playertimeout
Define o tempo em milisegundos antes de que o leitor se oculte (quando está activado o modo de autohide).
videodelay
Define o tempo em milisegundos que se mostra no ecrã o título do vídeo.
É possível acrescentar ou eliminar elementos e botões do leitor:
showplayer
Estabelece o modo como se mostra a barra do leitor.
Valores possíveis deste parâmetro: autohide, always ou never.
showfullscreen
Para mostrar o botão de Ecrã completo, define o valor deste parâmetro como 1 no arquivo 01.xml, para não o mostrar define o valor deste parâmetro como 0.
Por outro lado, é possível desactivar a capacidade de utilizar o comando de ecrã completa. Basta introduzir no código superior <param name="allowFullScreen" value="false"/>.
showmouse
Define a maneira como se mostra o cursor do rato. Valores possíveis deste parâmetro: always, autohide ou never.
shortcut
Para desactivar os acessos directos mediante teclado introduz 0 neste parâmetro, se não estabelece-o como 1.
(ao final da página encontrarás uma descrição dos diferentes acessos directos mediante combinação de teclas).
showstop
Para mostrar o botão de Parar, estabelece este parâmetro como 1, para todo o contrário estabelece showstop=0.
showprevious
Para mostrar o botão de Previous, estabelece este parâmetro como 1, para todo o contrário estabelece showprevious=0.
shownext
Para mostrar o botão de Seguinte, estabelece este parâmetro como 1, para todo o contrário estabelece shownext=0.
showopen
Para mostrar o botão de Abrir, estabelece este parâmetro como 1, para todo o contrário estabelece showopen=0.
showvolume
Para mostrar o botão Controlo de volume, estabelece este parâmetro como 1, para todo o contrário estabelece showvolume=0.
showtime
Para mostrar a área de Tempo, estabelece este parâmetro como 1, para todo o contrário estabelece showtime=0.
showiconplay
Para mostrar o botão com o símbolo de Play no centro do vídeo estabelece este parâmetro como 1, para todo o contrário há-de ser 0.
margin
Estabelece a margem do vídeo como relativo ao leitor de Flash.
Se introduzes um número inteiro positivo neste parâmetro mostra-se o leitor de frames, se não, não.
Por exemplo, estabeleces que margin=5. Neste caso, mostra-se o frame de 5px de largura na zona periférica do vídeo.
Si estableces margin=0 no se muestra ningún frame en la zona periférica del vídeo.
startimage
Define a URL do arquivo JPEG (não progressivo) para que se mostre antes de carregar o vídeo.
Uma vez convertido o vídeo gera-se o arquivo start_frame.jpg com uma imagem de início. Por defeito, gera-se a mesma imagem de início para todos os vídeos (um rectângulo preto).
Se queres configurar outras imagens de início segue estas instruções:
1. Põe os arquivos JPG no mesmo lugar que os arquivos de vídeo.
2. Estabelece os valores de startimage como URL das suas imagens.
top1
Este parâmetro permite-te acrescentar uma imagem (um logo, por exemplo) sobre o vídeo. Simplesmente introduz a URL e cordena-o com a imagem separando-os por | (URL|x|y), por exemplo mi_logo.jpg|160|120.
srt
Este parámetro permite que se mostrem subtítulos SRT.
Se queres que se mostrem os subtítulos segue estas instruções:
1. Estabelece srt=1.
2. Cria ou acrescenta um arquivo com a extensão .SRT codificado em UTF-8. O arquivo tem de estar no mesmo lugar que o arquivo de vídeo e ter o mesmo nome.
Por exemplo, se o arquivo de vídeo é mi_video.flv o nome do arquivo com os subtítulos deverá ser mi_video.srt.
Terás de criar um arquivo SRT para cada arquivo de vídeo (por exemplo, se tens 3 arquivos de vídeo: video1.flv, video2.flv y video3.flv. Terás de criar 3 arquivos de subtítulos: video1.srt, video2.srt e video3.srt).
Há alguns programas GRATUITOS para criar arquivos SRT:
Workshop
SubMagic
SubtitleCreator
SubCreator
Se não queres que se mostrem os subtítulos introduz srt=0.
showswitchsubtitles
Para mostrar o botão de Mostrar/Ocultar subtítulos, estabelece este parâmetro como 1, para todo o contrário estabelece 0 (showswitchsubtitles=0).
showtitleandstartimage
Para mostrar o título e a imagem de início ao mesmo tempo, estabelece o valor deste parâmetro como 1, para todo o contrário estabelece 0.
Também podes definir as cores dos elementos do leitor para que fique a condizer com tua página web:
playercolor
Define a cor da barra do leitor.
bgcolor
Define a cor do fundo do leitor.
bgcolor1
Define a primeira cor (superior) do degradado do fundo do leitor (só é importante se se introduziu como valor do parâmetro de margin um número inteiro positivo).
bgcolor2
Define a segunda cor (inferior) do degradado do fundo do leitor (só é importante se se introduziu como valor do parâmetro de margin um número inteiro positivo).
buttoncolor
Define a cor dos botões.
buttonovercolor
Define a cor dos botões do leitor ao passar por cima deles.
slidercolor1
Define a primeira (superior) cor do degradado da barra de navegação.
slidercolor2
Define a segunda (inferior) cor do degradado da barra de navegação.
sliderovercolor
Define a cor da barra de navegação ao passar por cima dela.
loadingcolor
Define a cor da barra de carregamento
scrollbarcolor
Define a cor da barra de enrolar.
scrollbarovercolor
Define a cor da barra de enrolar ao passar por cima dela.
currentflvcolor
Define a cor do vídeo em uso na lista de reprodução.
playlisttextcolor
Define a cor do texto da lista de reprodução.
iconplaycolor
Define a cor do símbolo do botão Reproduzir.
iconplaybgcolor
Define a cor do fundo do símbolo do botão Reproduzir.
titlecolor
Define a cor do título.
srtcolor
Define a cor dos subtítulos.
srtbgcolor
Define a cor do fundo dos subtítulos.
videobgcolor
Define a cor do fundo de Flash, quando não se mostra nenhum vídeo.
space
Reproduzir/Pausa
P
Reproduzir/Pausa
S
Parar
C
Mostrar/ocultar subtítulos
left
Rebobina 5 segundos
right
Avança 5 segundos
up
Subir o volume
down
Baixar o volume
+
Subir o volume
-
Baixar o volume
Também podes controlar o leitor com Javascript:
PLAY
document.getElementById("myFlash").SetVariable("player:jsPlay", "");
document.getElementById("myFlash").SetVariable("player:jsPlay", "2");
PAUSE
document.getElementById("myFlash").SetVariable("player:jsPause", "");
STOP
document.getElementById("myFlash").SetVariable("player:jsStop", "");
NEXT
document.getElementById("myFlash").SetVariable("player:jsNext", "");
PREVIOUS
document.getElementById("myFlash").SetVariable("player:jsPrevious", "");
Nível do volume
document.getElementById("myFlash").SetVariable("player:jsVolume", "50");
Uma vez convertido o vídeo gera-se o arquivo 01.xml e o seguinte código HTML:
<object id="Object1" type="application/x-shockwave-flash" data="player_flv_maxi.swf" width="320" height="240">
<param name="movie" value="player_flv_maxi.swf" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="opaque" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="quality" value="high" />
<param name="menu" value="true" />
<param name="autoplay" value="false" />
<param name="autoload" value="false" />
<param name="FlashVars" value="configxml=01.xml" />
</object>
Há alguns parâmetros no arquivo que podes modificar. São estes:
width
Define a largura do vídeo (em píxeis). Este parâmetro tem de ser um número inteiro positivo.
O valor mínimo é de 240 píxeis.
Este parâmetro aparece no código superior duas vezes. Se mudas este valor deves mudá-lo duas vezes.
height
Define a altura do vídeo (em píxeis). Este parâmetro tem de ser um número inteiro positivo.
O valor mínimo é de 120 píxeis.
Este parâmetro aparece no arquivo e no código superior. Se mudas este valor deves mudar as duas vezes.
autoplay
Estabelece a reprodução de um vídeo como automática ou manual.
Valores possíveis deste parâmetro:
Se o valor é 1 / true, a reprodução começa automaticamente depois de descarregar a página web; se o valor é outro (autoplay=0 / false), a reprodução começa depois de premir o botão de Reproduzir.
autoload
Define como automático o carregamento do vídeo.
Valores possíveis deste parâmetro:
Se o valor é 1 / true, o vídeo começa a carregar-se automaticamente; se o valor é (autoload=0 / false), o vídeo começa a carregar-se depois de premir o botão Reproduzir.
loop
Estabelece automaticamente um loop na reprodução.
Valores possíveis deste parâmetro:
Se o valor é 1, o leitor de Flash suporta o vazio de reprodução, se o valor é 0, não o suporta.
loadonstop
Para deter o carregamento do vídeo fazendo clic no botão Parar, estabelece esse parâmetro 0,para todo o contrário estabelece 1.
volume
Os valores possíveis desse parâmetro são entre 0 e 200.
playeralpha
Define a transparência da barra do leitor. Os valores possíveis deste parâmetro estão entre 0 e 100.
iconplaybgalpha
Define a transparência do símbolo do botão Reproduzir. Os valores possíveis deste parâmetro estão entre 0 e 100.
buffer
Define os segundos ao buffer.
buffermessage
Define a mensagem do buffer.
title
Define o título que se mostra antes de carregar o vídeo.
titlesize
Define o tamanho da fonte do título.
srtsize
Define o tamanho da fonte dos subtítulos.
onclick
Configura uma acção depois de fazer clique no vídeo. Por defeito, funciona o binómio playpause, ou seja, o vídeo reproduz-se ou fica em pausa ao fazer clique. Para eliminar estas acções, introduz como valor none.
onclicktarget
Estabelece o destino da URL depois de fazer clique no vídeo. Valores possíveis deste parâmetro: _self ou _blank.
ondoubleclick
Configura uma acção depois de fazer duplo clique no vídeo. Valores possíveis deste parâmetro: none, fullscreen, playpause ou URL ao abrir.
ondoubleclicktarget
Estabelece o destino da URL depois de fazer duplo clique no vídeo. Valores possíveis deste parâmetro: _self ou _blank.
playertimeout
Define o tempo em milisegundos antes de que o leitor se oculte (quando está activado o modo de autohide).
É possível acrescentar ou eliminar elementos e botões do leitor:
showplayer
Estabelece o modo como se mostra a barra do leitor.
Valores possíveis deste parâmetro: autohide, always ou never.
showfullscreen
Para mostrar o botão de Ecrã completo, define o valor deste parâmetro como 1 no arquivo 01.xml, para não o mostrar define o valor deste parâmetro como 0.
Por outro lado, é possível desactivar a capacidade de utilizar o comando de ecrã completa. Basta introduzir no código superior <param name="allowFullScreen" value="false"/>.
showmouse
Define a maneira como se mostra o cursor do rato. Valores possíveis deste parâmetro: always, autohide ou never.
shortcut
Para desactivar os acessos directos mediante teclado introduz 0 neste parâmetro, se não estabelece-o como 1.
(ao final da página encontrarás uma descrição dos diferentes acessos directos mediante combinação de teclas).
showstop
Para mostrar o botão de Parar, estabelece este parâmetro como 1, para todo o contrário estabelece showstop=0.
showvolume
Para mostrar o botão Controlo de volume, estabelece este parâmetro como 1, para todo o contrário estabelece showvolume=0.
showtime
Para mostrar a área de Tempo, estabelece este parâmetro como 1, para todo o contrário estabelece showtime=0.
showiconplay
Para mostrar o botão com o símbolo de Play no centro do vídeo estabelece este parâmetro como 1, para todo o contrário há-de ser 0.
showloading
Define o modo de visualização da barra de carregamento.
Valores possíveis deste parâmetro: autohide, always ou never.
buffershowbg
Para ocultar a cor do fundo da mensagem do buffer, estabelece esse parâmetro 0, para todo o contrário estabelece 1.
margin
Estabelece a margem do vídeo como relativo ao leitor de Flash.
Se introduzes um número inteiro positivo neste parâmetro mostra-se o leitor de frames, se não, não.
Por exemplo, estabeleces que margin=5. Neste caso, mostra-se o frame de 5px de largura na zona periférica do vídeo.
Si estableces margin=0 no se muestra ningún frame en la zona periférica del vídeo.
startimage
Define a URL do arquivo JPEG (não progressivo) para que se mostre antes de carregar o vídeo.
Uma vez convertido o vídeo gera-se o arquivo start_frame.jpg com uma imagem de início. Por defeito, gera-se a mesma imagem de início para todos os vídeos (um rectângulo preto).
Se queres configurar outras imagens de início segue estas instruções:
1. Põe os arquivos JPG no mesmo lugar que os arquivos de vídeo.
2. Estabelece os valores de startimage como URL das suas imagens.
top1
Este parâmetro permite-te acrescentar uma imagem (um logo, por exemplo) sobre o vídeo. Simplesmente introduz a URL e cordena-o com a imagem separando-os por | (URL|x|y), por exemplo mi_logo.jpg|160|120.
srt
Este parámetro permite que se mostrem subtítulos SRT.
Se queres que se mostrem os subtítulos segue estas instruções:
1. Estabelece srt=1.
2. Cria ou acrescenta um arquivo com a extensão .SRT codificado em UTF-8. O arquivo tem de estar no mesmo lugar que o arquivo de vídeo e ter o mesmo nome.
Por exemplo, se o arquivo de vídeo é mi_video.flv o nome do arquivo com os subtítulos deverá ser mi_video.srt.
Terás de criar um arquivo SRT para cada arquivo de vídeo (por exemplo, se tens 3 arquivos de vídeo: video1.flv, video2.flv y video3.flv. Terás de criar 3 arquivos de subtítulos: video1.srt, video2.srt e video3.srt).
Há alguns programas GRATUITOS para criar arquivos SRT:
Workshop
SubMagic
SubtitleCreator
SubCreator
Se não queres que se mostrem os subtítulos introduz srt=0.
srturl
Se não queres que o arquivo de subtítulos se detecte automaticamente, estabelece a URL manualmente.
showswitchsubtitles
Para mostrar o botão de Mostrar/Ocultar subtítulos, estabelece este parâmetro como 1, para todo o contrário estabelece 0 (showswitchsubtitles=0).
showtitleandstartimage
Para mostrar o título e a imagem de início ao mesmo tempo, estabelece o valor deste parâmetro como 1, para todo o contrário estabelece 0.
Também podes definir as cores dos elementos do leitor para que fique a condizer com tua página web:
playercolor
Define a cor da barra do leitor.
bgcolor
Define a cor do fundo do leitor.
bgcolor1
Define a primeira cor (superior) do degradado do fundo do leitor (só é importante se se introduziu como valor do parâmetro de margin um número inteiro positivo).
bgcolor2
Define a segunda cor (inferior) do degradado do fundo do leitor (só é importante se se introduziu como valor do parâmetro de margin um número inteiro positivo).
buttoncolor
Define a cor dos botões.
buttonovercolor
Define a cor dos botões do leitor ao passar por cima deles.
slidercolor1
Define a primeira (superior) cor do degradado da barra de navegação.
slidercolor2
Define a segunda (inferior) cor do degradado da barra de navegação.
sliderovercolor
Define a cor da barra de navegação ao passar por cima dela.
loadingcolor
Define a cor da barra de carregamento
iconplaycolor
Define a cor do símbolo do botão Reproduzir.
iconplaybgcolor
Define a cor do fundo do símbolo do botão Reproduzir.
buffercolor
Define a cor da mensagem do buffer.
bufferbgcolor
Define a cor do fundo da mensagem do buffer.
titlecolor
Define a cor do título.
srtcolor
Define a cor dos subtítulos.
srtbgcolor
Define a cor do fundo dos subtítulos.
videobgcolor
Define a cor do fundo de Flash, quando não se mostra nenhum vídeo.
Além disso, podes mover-te pelo filme utilizando no teclado:
space
Reproduzir/Pausa
P
Reproduzir/Pausa
S
Parar
C
Mostrar/ocultar subtítulos
F
Modo de ecrã completo
left
Rebobina 5 segundos
right
Avança 5 segundos
up
Subir o volume
down
Baixar o volume
+
Subir o volume
-
Baixar o volume
Também podes controlar o leitor com Javascript:
PLAY
document.getElementById("myFlash").SetVariable("player:jsPlay", "");
PAUSE
document.getElementById("myFlash").SetVariable("player:jsPause", "");
STOP
document.getElementById("myFlash").SetVariable("player:jsStop", "");
Nível do volume
document.getElementById("myFlash").SetVariable("player:jsVolume", "50");
Modificar a URL do vídeo FLV (premir Reproduzir para tal)
document.getElementById("myFlash").SetVariable("player:jsUrl", "http://my.flv");
Estabelece a imagem inicial
document.getElementById("myFlash").SetVariable("player:jsStartImage", "my.jpg");
Estabelece a barra de navegação (em segundos).
document.getElementById("myFlash").SetVariable("player:jsSetPosition", "123");
Uma vez convertido o vídeo gera-se o arquivo 01.xml e o seguinte código HTML:
<object id="player" type="application/x-shockwave-flash"
data="player_flv_classic.swf" width="320" height="240">
<param name="movie" value="player_flv_classic.swf" />
<param name="wmode" value="opaque" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="quality" value="high" />
<param name="menu" value="true" />
<param name="autoplay" value="false" />
<param name="autoload" value="false" />
<param name="FlashVars" value="configxml=01.xml" />
</object>
Há alguns parâmetros n o arquivo 01.xml que podes modificar. São estes:
width
Define a largura do vídeo (em píxeis). Este parâmetro tem de ser um número inteiro positivo.
O valor mínimo é de 220 píxeis.
Este parámetro aparece no código superior duas vezes. Se mudas este valor deves mudá-lo duas vezes.
height
Define o alto do vídeo (em píxeis). Este parâmetro tem de ser um número inteiro positivo.
O valor mínimo é de 120 píxeis.
Este parâmetro aparece no arquivo e no código superior. Se mudas este valor deves mudar as duas vezes.
autoplay
Estabelece a reprodução de um vídeo como automática ou manual.
Valores possíveis deste parâmetro:
Se o valor é 1 / true, a reprodução começa automaticamente depois de descarregar a página web; se o valor é outro (autoplay=0 / false), a reprodução começa depois de premir o botão de Reproduzir.
autoload
Define como automático o carregamento do vídeo.
Valores possíveis deste parâmetro:
Se o valor é 1 / true, o vídeo começa a carregar-se automaticamente; se o valor é (autoload=0 / false), o vídeo começa a carregar-se depois de premir o botão de Reproduzir.
buffer
Define os segundos ao buffer.
title
Define o título que se mostra antes de carregar o vídeo.
loop
Estabelece automaticamente um loop na reprodução.
Valores possíveis deste parâmetro:
Se o valor é 1, o leitor de Flash suporta o vazio de reprodução, se o valor é 0, não o suporta.
loadonstop
Para parar a carga do vídeo fazendo clic no botão Parar, estabelece esse parâmetro 0,para todo o contrário estabelece 1.
É possível acrescentar ou retitar elementos e botões do leitor:
margin
Estabelece a margem do vídeo como relativo ao leitor de Flash.
Se introduzes um número inteiro positivo neste parâmetro mostra-se o reproductor de frames, se não, não.
Por exemplo, estabeleces que margin=5. Neste caso, mostra o frame de 5px de largura na zona periférica do vídeo.
Si estableces margin=0 no se muestra ningún frame en la zona periférica del vídeo.
srt
Este parâmetro permite que se mostrem subtítulos SRT.
Se queres que se mostrem os subtítulos segue estas instruções:
1. Estabelece srt=1.
2. Cria ou acrescenta um arquivo com a extensão .SRT codificado em UTF-8. O arquivo tem de estar no mesmo lugar que o arquivo de vídeo e ter o mesmo nome.
Por exemplo, se o arquivo de vídeo é mi_video.flv o nome do arquivo com os subtítulos deverá ser mi_video.srt.
Terás de criar um arquivo SRT para cada arquivo de vídeo (por exemplo, se tens 3 arquivos de vídeo: video1.flv, video2.flv y video3.flv. Terás de criar 3 arquivos de subtítulos: video1.srt, video2.srt e video3.srt).
Há alguns programas GRATUITOS para criar arquivos SRT:
Workshop
SubMagic
SubtitleCreator
SubCreator
Se não queres que se mostrem os subtítulos introduz srt=0.
showstop
Para mostrar o botão de Parar, estabelece este parâmetro como 1, para todo o contrário estabelece showstop=0.
showvolume
Para mostrar o botão Controlo de volume, estabelece este parâmetro como 1, para todo o contrário estabelece showvolume=0.
showtime
Para mostrar a área de Tempo, estabelece este parâmetro como 1, para todo lo contrario establece showtime=0.
startimage
Define a URL do arquivo JPEG (não progressivo) para que se mostre antes de carregar o vídeo.
Uma vez convertido o vídeo gera-se o arquivo start_frame.jpg com uma imagem de início. Por defeito, gera-se a mesma imagem de início para todos os vídeos (um rectângulo preto).
Se queres configurar outras imagens de início segue estas instruções:
1. Põe os arquivos JPG no mesmo lugar que os arquivos do vídeo.
2. Estabelece os valores de startimage como URL das suas imagens.
Também podes definir as cores dos elementos do leitor para que fique a condizer com tua página web:
playercolor
Define a cor da barra do leitor.
loadingcolor
Define a cor da barra de carga
bgcolor
Define a cor do fundo do leitor.
bgcolor1
Define a primeira cor (superior) do degradado do fundo do leitor (só é importante se se introduziu como valor do parâmetro de margin um número inteiro positivo).
bgcolor2
Define a segunda cor (inferior) do degradado do fundo do leitor (só é importante se se introduziu como valor do parâmetro de margin um número inteiro positivo).
buttoncolor
Define a cor dos botões.
buttonovercolor
Define a cor dos botões do leitor ao passar por cima deles.
slidercolor1
Define a primeira (superior) cor do degradado da barra de navegação.
slidercolor2
Define a segunda (inferior) cor do degradado da barra de navegação.
sliderovercolor
Define a cor da barra de navegação ao passar por cima dela.
Além disso, podes mover-te pelo filme utilizando no teclado:
P
Reproduzir/Pausa
S
Parar
left
Rebobina 5 segundos
right
Avança 5 segundos
Também podes controlar o leitor com Javascript:
PLAY
document.getElementById("myFlash").SetVariable("player:jsPlay", "");
PAUSE
document.getElementById("myFlash").SetVariable("player:jsPause", "");
STOP
document.getElementById("myFlash").SetVariable("player:jsStop", "");
Uma vez convertido o vídeo, obtens o seguinte código HTML:
<object id="player" type="application/x-shockwave-flash"
data="player_flv_mini.swf" width="320" height="240">
<param name="movie" value="player_flv_mini.swf" />
<param name="wmode" value="opaque" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="quality" value="high" />
<param name="menu" value="true" />
<param name="autoplay" value="false" />
<param name="autoload" value="false" />
<param name="FlashVars" value="flv=01.flv&width=320&height=240&autoplay=0
&autoload=0&buffer=5&playercolor=000000&loadingcolor=838383&buttoncolor=ffffff
&slidercolor=ffffff" />
</object>
Há alguns parâmetros no arquivo 01.xml que podes modificar. São estes:
width
Define a largura do vídeo (em píxeis). Este parâmetro tem de ser um número inteiro positivo.
O valor mínimo é de 160 píxeis.
Este parâmetro aparece no arquivo e no código superior. Se modificas este valor deves mudá-lo duas vezes.
height
Define a altura do vídeo (em píxeis). Este parâmetro tem de ser um número inteiro positivo.
O valor mínimo é de 120 píxeis.
Este parâmetro aparece no arquivo e no código superior. Se modificas este valor deves mudar as duas vezes.
autoplay
Estabelece a reprodução de um vídeo como automática ou manual.
Valores possíveis deste parâmetro:
Se o valor é 1 / true, a reprodução começa automaticamente depois de descarregar a página web; se o valor é outro (autoplay=0 / false), a reprodução começa depois de premir o botão de Reproduzir.
autoload
Define como automático o carregamento do vídeo.
Valores possíves deste parâmetro:
Se o valor é 1 / true, o vídeo começa a carregar-se automaticamente; se o valor é (autoload=0 / false), o vídeo começa a carregar-se depois de premir o botão de Reproduzir.
buffer
Define os segundos ao buffer.
É possível acrescentar ou eliminar elementos e botões do leitor:
playercolor
Define a cor da barra do leitor.
loadingcolor
Define a cor da barra de carregamento
buttoncolor
Define a cor dos botões.
slidercolor
Define a cor da barra de navegação.
sliderovercolor
Define a cor da barra de navegação ao passar por cima dela.
Além disso, podes mover-te pelo áudio utilizando o teclado:
P
Reproduzir/Pausa
S
Parar
left
Rebobina 5 segundos
right
Avança 5 segundos
Quando tiveres o teu vídeo convertido, vais receber um arquivo xml e o código HTML seguinte:
<div id="videoPlayer">
<script type="text/javascript" src="swfobject/swfobject.js"</script>
<script type="text/javascript" src="swfobject/swfmacmousewheel.js"</script>
<script type="text/javascript">
var flashvars = {
htmlPage: document.location,
currCateg: swfobject.getQueryParamValue("currCateg"),
currVideo: swfobject.getQueryParamValue("currVideo"),
settingsFile: "settings.xml"
};
var params = {
allowFullScreen: "true",
allowScriptAccess: "always"
};
var attributes = {
id: "videoPlayer",
name: "videoPlayer"
};
swfobject.embedSWF("videoPlayer.swf", "videoPlayer", "550", "400", "9.0.115",
"swfobject/expressInstall.swf", flashvars, params, attributes);
swfmacmousewheel.registerObject(attributes.id);
</script>
</div>
Há três secções no arquivo xml:
- 1. Opções
- autoResize - se essa opção está posta "true", o reproductor mostra-se na etapa completa
- width and height - usa essas opções se não quiseres usar a etapa completa (essas opções são ignoradas se autoResize=true)
- buttons space - estabelece a distância entre os botões na barra de controlo (em píxeis)
- buttons display - estabelece a ordem na qual aparecem os botões na barra de controlo
- button sound - se essa opção está posta "true", vai aparecer um som baixo vai aparecer ao fazer clique no botão
- showMiddlePlayBtn - se essa opção está posta "true", o botão de Middle Play aparece quando o vídeo está parado ou pausado
- controls bar hide - se essa opção está posta "true", a barra de controlo oculta-se automaticamente em alguns segundos se não há actividades do usuário
- controls bar hideDelay - o tempo em segundos desde a última actividade do usuário depois de que a barra de controlo oculta-se automaticamente
- videos buffer - o tempo em segundos que se deve pré-carregar antes de que o vídeo se reproduza
- keepAspectRatio - se essa opção está posta "false", o vídeo mostra-se na área inteira do reproductor
- autoLoad - se essa opção está posta "true", o reproductor carrega o vídeo ao abrir a página
- autoPlay - se essa opção está posta "true", o reproductor reproduz o vídeo ao abrir a página (vai eliminar a opção autoLoad)
- jumpToNextCategory - se essa opção está posta "true" e a opção playContinuously está posta "true", o reproductor reproduz o primeiro vídeo na categoria seguinte depois do último vídeo na categoria actual
- loop - se essa opção está posta "true", o reproductor vai repetir o vídeo
- random - se essa opção está posta "true", o reproductor vai reproduzir vídeos na ordem aleatória depois de terminar o vídeo actual, se autoPlay está posta "true".
- volume default - o volume pré-determinado
- volume format - a barra de volume pode ser posta verticalmente ou horizontalmente
- watermark visible - se essa opção está posta "true", a imagem de Marca de água vai aparecer sobre o vídeo
- watermark position - o valor pode ser TL, TR, BL, BR (T-parte superior, B-parte inferior, R-parte da direita, L-parte da esquerda)
- tooltip visible - se essa opção está posta "true", os tooltips de redimensionar automaticamente vão aparecer para dar a entender ao usuário as funções dos botões
- tooltip hideDelay - o tempo em segundos antes de que o tooltip se oculte automaticamente depois de mover o rato fora do botão
- listeners spaceKey - se essa opção está posta "true", ao fazer clique pela barra espaciadora o vídeo vai parar/reproducir
- listeners click - se essa opção está posta "true", ao fazer clique no fundo o vídeo vai parar/reproduzir
- listeners doubleClick - se essa opção está posta "true", ao fazer duplo clique por dentro da área do reproductor, vai entrar e sair do modo de ecrã completo
- cursor hide - se essa opção está posta "true", o ponto do rato vai ocultar-se automaticamente se não há actividade do usuário durante o tempo estabelecido em segundos
- cursor hideDelay - o tempo em segundos desde a última actividade do usuário depois de que o punto do rato oculta-se automaticamente
- playlist size - a altura (alinhamento na parte de superior/inferior) ou a largura (alinhamento à direita/esquerda) em píxeis da lista de reprodução
- playlist thumbWidth - a largura das imagens de vídeo na lista de reprodução, em píxeis
- playlist thumbHeight - a altura das imagens de vídeo na lista de reprodução, em píxeis
- playlist thumbPadding - a distância entre as imagens de vídeo, em píxeis
- description visible - se essa opção está posta "true", a descrição do vídeo vai aparecer na parte inferior do reproductor
- description size - a altura da área de descrição, em píxeis
- 2. Cores
- playerBackground - a cor de fundo do vídeo
- preloader:
- background - a cor de fundo
- bckAlpha - alfa do fundo
- text - a cor do texto da percentagem ao carregar o vídeo
- circle - a cor do círculo girando
- middlePlayBtn:
- arrowNormal - a cor da seta na posição normal
- bckNormal - a cor do fundo na posição normal
- alphaNormal - o valor de alfa na posição normal
- arrowOver - a cor da seta ao passar por cima dela
- bckOver - a cor do fundo ao passar por cima dele
- alphaOver - o valor de alfa ao passar por cima da seta
- arrowDown - a cor da seta depois de fazer cliqu
- bckDown - a cor do fundo depois de fazer clique
- alphaDown - o valor de alfa depois de fazer clique
- controllerBackground - a cor do fundo da barra de controlo
- controllerButtons:
- normal - a cor dos botões na posição normal
- over - a cor dos botões ao passar por cima deles
- down - a cor dos botões depois de fazer clique
- volume:
- border - a cor do bordo da barra de volume
- background - a cor do fundo da barra de volume
- speaker - a cor do botão das colunas
- bar - a cor da barra de volume
- volumeScrubBtn:
- brdNormal - a cor do cursor de volume na posição normal
- bckNormal - a cor do fundo do cursor de volume na posição normal
- brdOver - a cor do bordo do cursor de volume ao passar por cima dele
- bckOver - a cor do fundo do cursor de volume ao passar por cima dele
- brdDown - a cor do bordo do cursor de volume depois de fazer clique
- bckDown - a cor do fundo do cursor de volume depois de fazer clique
- progressBar:
- border - a cor do bordo da barra de avanço
- background - a cor do fundo da barra de avanço
- elapse - a cor da barra de tempo decorrido
- download - a cor da barra de tempo carregado
- progressScrubBtn:
- brdNormal - a cor do bordo do cursor de vídeo na posição normal
- bckNormal - a cor do fundo do cursor de vídeo na posição normal
- brdOver - a cor do bordo do cursor de vídeo ao passar por cima dele
- bckOver - a cor do fundo do cursor de vídeo ao passar por cima dele
- brdDown - a cor do bordo do cursor de vídeo depois de fazer clique
- bckDown - a cor do fundo do cursor de vídeo depois de fazer clique
- times - a cor de Tempo Decorrido e Tempo Total (mostram-se na barra de controlo)
- share:
- background - a cor sobreposta
- bckAlpha - alfa da cor sobreposta
- boxBck - a cor do fundo da caixa de texto e botões
- boxBckAlpha - alfa da caixa de texto e botões
- labels - a cor do texto ("Pôr enlace a este vídeo", "Insertar este vídeo" e "Enviar a um amigo")
- errorText - a cor do texto de erro ou confirmação
- text - a cor do texto de entrada
- textBck -a cor do fundo do texto de entrada
- textBrd - a cor do bordo do texto de entrada
- btnsNormal - a cor dos botões na posição normal
- btnsOver - a cor dos botões ao passar por cima deles
- btnsDown - a cor dos botões depois de fazer clique
- playlist:
- background - a cor do fundo da descrição
- line - a cor da linha de separação entre a lista de reproducção e área à esquerda
- thumbBck - a cor do fundo de vídeos
- thumbNormalAlpha -o nível de transparência de vídeos em posição normal (0 completamente transparente, 100 completamente opaco)
- thumbOverAlpha - o nível de transparência de vídeos ao passar por cima deles (0 completamente transparente, 100 completamente opaco)
- thumbSelectedAlpha - o nível de transparência de vídeos depois de fazer clique (0 completamente transparente, 100 completamente opaco)
- title - a cor do título de vídeo que se mostra na lista de reprodução
- description - a cor do texto de descrição que se mostra na lista de reprodução
- category:
- bckNormal - a cor do fundo do nome da categoria em posição normal
- titleNormal - a cor do texto do nome da categoria em posição normal
- bckOver - a cor do fundo do nome da categoria ao passar por cima dele
- titleOver - a cor do texto do nome da categoria ao passar por cima dele
- bckSelected - a cor do fundo do nome da categoria depois de fazer clique
- titleSelected - a cor do texto do nome da categoria depois de fazer clique
- description:
- background - a cor do fundo da descrição
- line - a cor da linha de separação entre a descrição e a área superior
- title - a cor do título de vídeo que se mostra na área da descrição
- description - a cor do texto da descrição que se mostra na área da descrição
- scrollBar:
- trackBar - a cor da barra de enrolar
- scrubBrdNormal - a cor do bordo do botão de enrolar na posição normal
- scrubBckNormal - a cor do fundo do botão de enrolar na posição normal
- scrubBrdOver - a cor do bordo do botão de enrolar ao passar por cima dele
- scrubBckOver - a cor do fundo do botão de enrolar ao passar por cima dele
- scrubBrdDown - a cor do bordo do botão de enrolar depois de fazer clique
- scrubBckDown - a cor do fundo do botão de enrolar depois de fazer clique
- caption:
- size - altura do texto do título
- color - a cor do texto do título
- glowColor - a cor do brilho que rodeia as letras no título
- tooltip:
- bckColor - a cor do fundo de tooltip
- txtColor - a cor do texto de tooltip
- alpha - a opacidade do tooltip, estabelecido em percentagem
- 3. Vídeo
- videoPath - a rota do arquivo de vídeo vem aqui
- previewImage - a rota da imagem de vista prévia vem aqui
- watermarkPath - a rota da imagem da marca de água vem aqui
- watermarkLink - o enlace que abre ao fazer clique pela imagem da marca
- title - o título de vídeo que se mostra no reproductor
- description - o texto da descrição de vídeo
- caption - a rota ao arquivo que contém os teus comentários ou subtítulos
