tutorial_player.html 3.42 KB
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 
<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
  <meta charset="UTF-8">
  <title>i3GeoSaude</title>
  <link media="screen" href="./files/estilos.css" type="text/css"
 rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="./files/estilos.css">
</head>
<body class="blue-bg">
<div id="topo"><img src="./imagens/logo_topo.png"></div>
<div id="wrapper-flex">
<div style="background-color: white;">
<div class="f-page-auto-cell" id="doc">
<div class="imginicio"><a href="javascript:window.history.go(-1)"><img
 style="border: 0px solid ; width: 32px; height: 30px;" alt=""
 src="imagens/voltar.gif"></a><a href="javascript:window.history.go(-1)"><br>
</a></div>
<h1>Conhecendo o Player</h1>
<a name="what"></a>
<p>Para o melhor aproveitamento
das v&iacute;deos aulas, abaixo
s&atilde;o dadas dicas de como interagir com o player de
v&iacute;deo.<span style="font-weight: bold;"></span></p>
<p>A <span style="font-weight: bold;">Figura 1</span>
mostra a tela
inicial do player antes o in&iacute;cio do v&iacute;deo. Para dar
inicio clique em qualquer parte &nbsp;da tela,&nbsp; para pausar clique
novamente.<span style="font-weight: bold;"></span></p>
<span style="font-weight: bold;"></span>
<ul style="font-weight: bold;">
</ul>
<br>
<img style="width: 583px; height: 398px;" alt=""
 src="imagens/interface_video.png"><br>
<p><span style="font-weight: bold;">Figura 1</span>:
Tela inicial do player de v&iacute;deo.</p>
<span style="font-weight: bold;"></span><br>
Ap&oacute;s a carga do v&iacute;deo, como vista no exemplo da <span
 style="font-weight: bold;">Figura
2</span>, podemos interromper a execu&ccedil;&atilde;o bastando que se
clique em qualquer parte do v&iacute;deo ou utilizando o controle de
pausa. Para continuar a execu&ccedil;&atilde;o do v&iacute;deo,
novamente podemos clicar na &aacute;rea do v&iacute;deo ou clicar no
bot&atilde;o de continua&ccedil;&atilde;o, localizado &agrave; esquerda
da barra de controle do player.<span style="font-weight: bold;"></span>
<ul style="font-weight: bold;">
</ul>
<img style="width: 583px; height: 435px;" alt=""
 src="imagens/interface_video1.png"><br>
<span style="font-weight: bold;">Figura
2:&nbsp;</span>Tela
com
V&iacute;deo em pausa<br>
<ul style="font-weight: bold;">
</ul>
<br>
A <span style="font-weight: bold;">Figura
3</span> mostra a barra de controles, onde podemos visualizar as
fun&ccedil;&otilde;es
de intera&ccedil;&atilde;o com o v&iacute;deo.<br>
<br>
<ul>
  <li>Item 1 - Para iniciar o
v&iacute;deo&nbsp;(ou clicando em qualquer
parte da tela voc&ecirc; inicia o v&iacute;deo).</li>
  <li>Item 2 - Para pausar o
v&iacute;deo (ou clicando em qualquer parte
da tela voc&ecirc; pausa o v&iacute;deo).</li>
  <li>Item 3 - Mostra a barra de tempo com o andamento
de execu&ccedil;&atilde;o do v&iacute;deo.</li>
  <li>Item 4 - Mostra o tempo
decorrido de v&iacute;deo.</li>
  <li>Item 5 - Mostra o tempo
restante de v&iacute;deo.</li>
  <li>Item 6 - Bot&atilde;o
para controlar o volume.</li>
  <li>Item 7 - Bot&atilde;o
para expandir v&iacute;deo (pressionando o
bot&atilde;o "Esc" o v&iacute;deo sai do modo
expans&atilde;o).</li>
</ul>
<br>
<img style="width: 632px; height: 177px;" alt=""
 src="imagens/barra_de_video2.jpg"><br>
<span style="font-weight: bold;">Figura
3:&nbsp;</span>Barra de controles do player<br>
</div>
</div>
</div>
</body>
</html>