Um reprodutor de vídeos acessível

O Facilitas Player é uma proposta de reprodutor de vídeos acessível, em forma de plugin para jQuery. O reprodutor visa diminuir as barreiras encontradas pelos usuários alguma dificuldade, usando as métricas sugeridas pela UAAG 2.0 e WCAG 2.0.

Saiba como usar

Passo 1:Faça o download do pacote de distribuição e descompacte os arquivos.

                            
<!-- Dependências -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery.minicolors.js"></script>
<script src="js/jquery-ui-1.9.2.custom.min.js"></script>

<!-- Facilitas Player -->
<script src="/js/Facilitas.js"></script>

<!-- Arquivos CSS -->
<link href="/css/jquery.minicolors.css" rel="stylesheet" />
<link href="/templates/modern/jqueryui_darkhive/jquery-ui-1.9.2.custom.min.css" rel="stylesheet"/>
<link href="/templates/modern˼ss/modern.css" rel="stylesheet" />

Passo 2:Crie o HTML do seu vídeo com as respectivas anotações. Indique a ID da lista de anotações através do atributo data-taglist.

                            
<!-- Video -->
<video controls="controls" id="video1" width="640" height="360" data-taglist="tags" >
    <track src="subtitle.srt" kind="subtitle" srclang="en-US" label="English" />
    <source src="myvideo.mp4" type="video/mp4" />
    <source src="myvideo.ogv" type="video/ogg" />
</video>

<!-- Anotações -->
<ul id="tags">
    <li><a href="#00:09" title="00:09 - Introdução">Introdução</a></li>
    <li><a href="#00:22" title="00:22 - Outra cena">Outra Cena</a></li>
</ul>

Passo 3:Instancie o Facilitas Player.

                            
$(document).ready(function(){
  $('video').facilitas({
        'language'         :  'pt',     // Idioma Principal
        'baseLangFolder'   : '/js/'     // Pasta raíz dos idiomas
  });
});

Sobre o projeto

Este trabalho foi desenvolvido inicialmente dentro do Instituto de Ciências Matemáticas e da Computação (ICMC) - USP, como projeto de iniciação científica do bacharel Bruno C. Ramos, em conjunto com a doutoranda Johana Rosas, sob orientação de Rudinei Goularte e Renata Pontin.

Durante o trabalho, diversas pesquisas foram feitas com usuários reais, procurando identificar os pontos negativos e positivos dos atuais reprodutores, juntamente com a usabilidade proposta nas novas funcionalidades do Facilitas Player.

Atualmente, o reprodutor encontra-se disponível no GitHub com a licença open-source BSD 3. Sinta-se livre e convidado para colaborar com o projeto e ajudar o Facilitas Player a crescer!

Artigos Publicados

No total, quatro artigos foram publicados relacionados ao Facilitas Player:

  1. 1. ROSAS-VILLENA, J. M. ; RAMOS, B. C. ; FORTES, R. P. M. ; GOULARTE, R. . Facilitas: an accessible video player. In: 19th Brazilian Symposium on Multimedia and the Web (WebMedia), 2013, Salvador (Bahia) - Brazil. XII Workshop de Ferramentas e Aplicações (WFA), 2013. v. I. p. 49-52.
  2. 2. VILLENA, JOHANA M. ROSAS ; RAMOS, BRUNO C. ; FORTES, RENATA P.M. ; GOULARTE, RUDINEI . An Accessible Video Player for Older People: Issues from a User Test. Procedia Computer Science, v. 27, p. 168-175, 2014.
  3. 3. VILLENA, JOHANA MARÍA ROSAS ; RAMOS, BRUNO COSTA ; FORTES, RENATA PONTIN M. ; GOULARTE, RUDINEI . Web Videos - Concerns About Accessibility based on User Centered Design. Procedia Computer Science, v. 27, p. 481-490, 2014.
  4. 4. ROSAS VILLENA, JOHANA MARIA; GOULARTE, RUDINEI ; DE MATTOS FORTES, RENATA PONTIN. A User Test with Accessible Video Player Looking for User Experience. In: Constantine Stephanidis; Margherita Antona. (Org.). Lecture Notes in Computer Science. 1ed.Switzerland: Springer International Publishing, 2014, v. , p. 623-633.

Agradecimentos

Agradecemos pelo apoio financeiro ao programa de Estudantes-Convênio de Pós-Graduação – PEC-PG, da CAPES/CNPq – Brasil e a bolsa PIBIC da CAPES.

Agradecemos também ao George Leonardo pelo design da nova interface do reprodutor.

GitHub

Menu