Class: VoiceRecorder

new VoiceRecorder(name, default_valueopt, contextopt, use_changeopt, max_secondsnullable)

Parameters:

Name	Type	Attributes	Default	Description
name	string			name del control y de la variable donde se van a guardar los datos del control
default_value	string	<optional>	""	Url data con el contenido de un audio que inicie por defecto
context	string	<optional>	"global"	Contexto donde se encuentra la variable
use_change	BooleanString	<optional>	"false"	establece si envia el evento change al generar el audio
max_seconds	string	<nullable>		Cantidad de segundos que durara como máximo la grabación Se puede convinar con el uso del componente voice_recorder_auto_submit

Source:

• input/VoiceRecorder.js, line 10

Example

<p>Ejemplo de VoiceRecorder con submit manual</p>
<form action="EjemplosVoiceRecorder" to="EjemplosVoiceRecorder" data='{}'>
  <voice_recorder name="audio_prompt" context="gpt" use_change="true">
    <voice_recorder_start>
      <div class="btn btn-primary" href="#">Grabar</div>
    </voice_recorder_start>
    <voice_recorder_stop>
      <div class="btn btn-secondary" href="#">Grabando</div>
    </voice_recorder_stop>
    <stamp variable="audio_prompt.recordingTime" context="gpt"></stamp>
    <if variable="audio_prompt.urlData" context="gpt">
      <condition value="" operator="!=" type="text">
        <audio controls var-src="audio_prompt.urlData" context="gpt"></audio>
        <br/>
        <voice_recorder_delete>
          <div class="btn btn-warning" href="#">Cancelar audio</div>
        </voice_recorder_delete>
      </condition>
      <condition value="" operator="=" type="text">
        no  hay contenido
      </condition>
    </if>  
  </voice_recorder>
  <input type="submit" value="enviar" />
</form>

<p>Ejemplo de VoiceRecorder con submit automatico</p>
<form action="EjemplosVoiceRecorder" to="EjemplosVoiceRecorder" data='{}'>
  <voice_recorder name="audio_prompt2" context="gpt" use_change="true">
    <voice_recorder_auto_submit></voice_recorder_auto_submit>
    <voice_recorder_start>
      <div class="btn btn-primary" href="#">Grabar</div>
    </voice_recorder_start>
    <voice_recorder_stop>
      <div class="btn btn-secondary" href="#">Grabando</div>
    </voice_recorder_stop>
    <p><stamp variable="audio_prompt2.recordingTime" context="gpt"></stamp></p>
  </voice_recorder>
</form>

<p>Ejemplo de VoiceRecorder con submit automatico y tiempo maximo de grabacion</p>
<form action="EjemplosVoiceRecorder" to="EjemplosVoiceRecorder" data='{}'>
  <voice_recorder name="audio_prompt3" context="gpt" use_change="true" max_seconds="10">
    <voice_recorder_auto_submit></voice_recorder_auto_submit>
    <voice_recorder_start>
      <div class="btn btn-primary" href="#">Grabar</div>
    </voice_recorder_start>
    <voice_recorder_stop>
      <div class="btn btn-secondary" href="#">Grabando</div>
    </voice_recorder_stop>
    <p><stamp variable="audio_prompt3.recordingTime" context="gpt"></stamp></p>
    <p><stamp variable="audio_prompt3.recordingTimeRemaining" context="gpt"></stamp></p>
  </voice_recorder>
</form>