PHP Classes

File: index.php

Recommend this page to a friend!
  Classes of joerverson   PHP Voice Recognition   index.php   Download  
File: index.php
Role: Auxiliary script
Content type: text/plain
Description: Auxiliary script
Class: PHP Voice Recognition
Recognize user voice using the Web speech API
Author: By
Last change:
Date: 10 months ago
Size: 7,365 bytes
 

Contents

Class file image Download
<!doctype html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>HVoice.JS</title>
    <meta name='author' content='Joerverson Santos'/>
    <meta name='description' content="handling voice"/>

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

    <!-- Optional theme -->
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

    <!-- styles of page -->
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="css/semantic.css" />

</head>
<body>
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"><div class="modal-dialog modal-sm"><div class="modal-content"></div></div></div>
<p class="name">HVoice.JS</p>
<section id="faixa" class="col-md-12">
    <ul class="nav nav-tabs " role="tablist">
        <li class='active'><a href="#">Comandos Básicos</a></li>
        <li class=''><a href="#">Comandos Avançados</a></li>
        <li class=''><a href="#">Termos já registrados</a></li>
        <li class=''><a href="#">Ajudas</a></li>
        <li><a href="#">Configurações</a></li>
    </ul>
    <div class="info">
        <div class="aba">
            <div class="btn-group btns">
                <button type="button" class="btn btn-default">Navegação no Site</button>
                <button type="button" class="btn btn-default">Rolamento de Página</button>
                <button type="button" class="btn btn-default">Ações da página</button>
            </div>
           <div class="opc-menu">
               <!-- conteudo opção 1-->
               <div class="op">
                   <div class="input-group">
                       <span class="input-group-addon glyphicon glyphicon-bullhorn"></span>
                       <input type="text" id='termNavegate' class="form-control" placeholder="Infome o termo de Voz">
                   </div>
                   <div class="input-group">
                       <span class="input-group-addon glyphicon glyphicon-pushpin"></span>
                       <input type="text" id='linkNavigate' class="form-control" placeholder="Infome o link para ser enviando quando for falado o termo acima">
                   </div>
                   <button class="btn btn-right salvarAlteracoes">Salvar Alteração</button>
               </div>
               <!-- conteudo opção 2-->
               <div class="op">
                   <div class="input-group">
                       <span class="input-group-addon glyphicon glyphicon-bullhorn"></span>
                       <input type="text" class="form-control" id="termMovePage" placeholder="Infome o termo de Voz">
                   </div>
                   <select id="selectMovePage" class='' name="selectMovePage">
                       <option value="cima">Rolar para Cima</option>
                       <option value="baixo">Rolar para Baixo</option>
                       <option value="topo">Ir para o Topo</option>
                       <option value="final">Ir para o Final</option>
                   </select>
                   <button class="btn btn-right salvarAlteracoes">Salvar Alteração</button>
               </div>
               <!-- conteudo opção 3-->
               <div class="op">
                   <div class="input-group">
                       <span class="input-group-addon glyphicon glyphicon-bullhorn"></span>
                       <input type="text" class="form-control" id="termAcoesPage" placeholder="Infome o termo de Voz">
                   </div>
                   <select id="selectAcaoPage" name="selectAcaoPage">
                       <option value="voltar">Voltar Página</option>
                       <option value="proxima">Próxima Página</option>
                       <option value="recarregar">Recarregar Página</option>
                   </select>
                   <button class="btn btn-right salvarAlteracoes">Salvar Alteração</button>
               </div>
           </div>
        </div>

        <!-- Segunda ABA-->

        <div class="aba">
            <div class="op">
                <div class="input-group">
                    <span class="input-group-addon glyphicon glyphicon-bullhorn"></span>
                    <input type="text" class="form-control" id='termNew' placeholder="Infome o termo de Voz">
                </div>
                <div class="input-group">
                    <span class="input-group-addon glyphicon glyphicon-bullhorn"></span>
                    <input type="text" class="form-control" id='descTerm' placeholder="Informe a descriçao Dessa nova Função">
                </div>
                <div class="input-group">
                    <span class="input-group-addon">
                        <div class="ui form">
                            <div class="field">
                                <label>Edit Script</label>
                                <textarea class="" name="" id="func" cols="70" rows="10"></textarea>
                            </div>
                        </div>
                    </span>
                </div>
                <button class="btn btn-right salvarNewRegistro">Registrar Função e Termo</button>
            </div>
        </div>

        <!-- Terceira ABA-->

        <div class="aba">
           <div class="op termosRegistrados">

           </div>
        </div>

        <!-- quarta ABA-->

        <div class="aba">
            <div class="op">
                <p class="col-span-6">
                    Para um bom funcionamento do sistema, scolha palavras faceis <br/>
                    de serem pronunciadas pelo usuário. Sempre se lembre que o termo que <br/>
                    foi adicionado será mais ou menos oque o usuário terá que falar para que <br/>
                    as acões funcione.
                    <br/><br/>
                    <br/>
                    termo - palavra ou frase que será necessária que o usuário pronuncie para poder <br/>
                    executar alguma ação.
                </p>
            </div>
        </div>

        <!-- quinta aba-->

        <div class="aba config-aba">
            <div class="op">
                <div class="btn-config">
                    <div class="ui labeled icon button col-md-6 apagar-tudo">
                        <i class="glyphicon glyphicon-remove-circle icon"></i>
                        Apagar todos os termos
                    </div>

                    <div class="ui labeled icon button col-md-6">
                        <i class="glyphicon glyphicon-remove-circle icon"></i>
                        Criar login <br> (para melhor segurança)
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- scripts of page -->
<script src="js/jQuery.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="terms.js"></script>
<script src="js/script.js"></script>
</body>
</html>