Blame view

README.md 2.06 KB
810245ff   David Guilherme   Pre-beta release
1
2
3
4
5
6
VLibras Web
===========

Instalação
-------------

4972bd11   David Guilherme   Add webplayer sup...
7
1. Adicione o seguinte trecho HTML em qualquer parte da página.
810245ff   David Guilherme   Pre-beta release
8
9
10

```html
<div class="vlibras-widget">
ccb62554   David Guilherme   Beta Release
11
12
13
14
15
16
  <div class="vw-btn-access">
    <img src="VLibrasWeb/Images/acessibilidade-ico.jpeg" />
    <span class="vw-text-access">
      Acessível em Libras
    </span>
  </div>
810245ff   David Guilherme   Pre-beta release
17
18
  <div class="vw-player">
    <div class="vw-topbar">
ccb62554   David Guilherme   Beta Release
19
20
21
      <div class="vw-btn-side">
        <span class="vw-arrow"></span>
      </div>
ccb62554   David Guilherme   Beta Release
22
      <img class="vw-btn-close" src="VLibrasWeb/Images/close.png" />
810245ff   David Guilherme   Pre-beta release
23
    </div>
ccb62554   David Guilherme   Beta Release
24
    <div class="vw-canvas-wrapper">
ea70d84a   David Guilherme   Fixes
25
      <div class="vw-error"></div>
ccb62554   David Guilherme   Beta Release
26
27
28
29
30
31
32
      <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>
ccb62554   David Guilherme   Beta Release
33
    </div>
ccb62554   David Guilherme   Beta Release
34
35
36
37
38
39
40
41
42
43
44
45
46
    <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>
13c5fffe   David Guilherme   Add support to links
47
48
49
50

    <div class="vw-links">
      <ul></ul>
    </div>
810245ff   David Guilherme   Pre-beta release
51
52
53
54
  </div>
</div>
```

ea70d84a   David Guilherme   Fixes
55
2. Adicione os arquivos `.css` no <head> e `.js` no final do <body>:
810245ff   David Guilherme   Pre-beta release
56
57
58
59
60
61
62

```html
<head>
  <link rel="stylesheet" href="VLibrasWeb/vlibras-web.css" />
</head>
<body>
  ...
4972bd11   David Guilherme   Add webplayer sup...
63
64
  <!-- WebPlayer Dependency -->
  <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
810245ff   David Guilherme   Pre-beta release
65
  <script src="VLibrasWeb/vlibras-web.js"></script>
4972bd11   David Guilherme   Add webplayer sup...
66
67
68
  <script>
    // Default: Se a pasta VLibrasWeb estiver na mesma pasta do arquivo index
    VLibrasWeb.init(); // == VLibrasWeb.init('VLibrasWeb');
810245ff   David Guilherme   Pre-beta release
69

4972bd11   David Guilherme   Add webplayer sup...
70
71
72
73
    // Custom:  Caso o esteja em outra pasta ou com outro nome passe o caminho da pasta
    VLibrasWeb.init('subpast/other_name');
  </script>
</body>
810245ff   David Guilherme   Pre-beta release
74
75
76
```

** Enjoy **