Name Last Update
VLibrasWeb Loading commit data...
.gitignore Loading commit data...
README.md Loading commit data...
index.html Loading commit data...
inicial.txt Loading commit data...

README.md

VLibras Web

Instalação

  1. 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>
  1. 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>
  1. 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 **