README.md
VLibras Web
Instalação
- Adicione o seguinte trecho HTML:
<div class="vlibras-widget">
<div class="vw-btn-access">
<img src="VLibrasWeb/Images/acessibilidade-ico.jpeg" />
<span class="vw-text-access">
Acessível em Libras
</span>
</div>
<div class="vw-player">
<div class="vw-topbar">
<div class="vw-btn-side">
<span class="vw-arrow"></span>
</div>
<img class="vw-btn-close" src="VLibrasWeb/Images/close.png" />
</div>
<div class="vw-canvas-wrapper">
<div class="vw-loading active">
<img src="VLibrasWeb/Images/loading.gif" />
</div>
<div class="vw-subtitle active">
<img class="vw-subtitle-on" src="VLibrasWeb/Images/subtitle.png" />
<img class="vw-subtitle-off" src="VLibrasWeb/Images/subtitle-inactive.png" />
</div>
<canvas class="vw-canvas emscripten"></canvas>
</div>
<div class="vw-controls">
<div class="vw-play">
<img src="VLibrasWeb/Images/play.png" />
</div>
<div class="vw-progressbar">
<div class="vw-progress"></div>
</div>
<span class="vw-speed">2</span>
<span class="vw-window">
<img class="vw-maximize" src="VLibrasWeb/Images/fullscreen.png" />
<img class="vw-minimize" src="VLibrasWeb/Images/minimize.png" />
</span>
</div>
</div>
</div>
- Adicione os arquivos
.css
e.js
na página:
<head>
<link rel="stylesheet" href="VLibrasWeb/vlibras-web.css" />
</head>
<body>
...
<script src="VLibrasWeb/vlibras-web.js"></script>
</body>
- Finalmente, inicialize o VLibrasWeb
// Default: Se a pasta VLibrasWeb estiver na mesma pasta do arquivo index
VLibrasWeb.init();
// Custom: Passe o caminho da pasta VLibrasWeb
VLibrasWeb.init('another/path');
** Enjoy **