Skip to content
brunocramos edited this page Dec 3, 2014 · 6 revisions

Facilitas Player

Um reprodutor de vídeos acessível em HTML5 p/ jQuery

==

1. Inicialização

$(seletor).facilitasplayer(options);

==

2. Options

options : {
    theme : "facilitas_modern", // Tema padrão do reprodutor
    videoSpeed : 1.0, // Velocidade padrão do reprodutor
    fonts : ["Trebuchet MS","Arial","Times New Roman","Verdana","Helvetica","Courier New"], // Lista de font-family para legenda
    initVolume : 0.5, // Volume inicial
    baseLangFolder : "js/", // Pasta raíz dos idiomas
    language : "pt", // Idioma padrão
    availableLanguages : ["en","pt"], // Lista de idiomas disponíveis
    enableKeyboard  : true, // Habilita atalhos para teclado
    audiodescription : 'audiodescricao.mp3', // Caminho para audiodescricao - pode ser fornecido via data-audiodescription
    fullscreenToolbarSpeed : 2000 // tempo para toolbar sumir quando em fullscreen
}

==

3. Eventos

O Facilitas Player trabalha em cima de todos os eventos padrões da tag . Assim, todos os eventos que desejar observar e/ou modificar, basta utilizar os nativos da tag original.

==

4. Atributos

data-taglist="id" // Indica a id de um elemento contendo lista de tags para carregar
data-audiodescription="video/sintel_audiodesc.mp3" // indica caminho para o arquivo de audio descrição

==

5. Audiodescrição

No momento, o Facilitas Player reconhece somente ogg e mp3 para arquivos de audio descrição, terminados em .mp3 e .ogg. Para indicar mais de um, separe-os por vírgula. Exemplo:

data-audiodescription="video/sintel_audiodesc.mp3;video/sintel_audiodesc.ogg"

==

6. Elementos track

O Facilitas utiliza elementos "track" para subtitles e transcript. Utilize a seguinte sintaxe:

<track src="video/sintel_trailer.srt" kind="subtitle" srclang="pt-BR" label="Português" />
<track src="video/sintel_transcript.txt" kind="transcript" srclang="pt-BR" label="Português" />

Utilize "subtitle" para legenda e "transcript" para transcrição do vídeo.