95 lines
3.9 KiB
Smarty
95 lines
3.9 KiB
Smarty
<div class="alert alert-warning">
|
|
<span class="fa fa-warning fa-fw" aria-hidden="true"></span> {{ 'WamiNeedFilename'|get_lang }}
|
|
</div>
|
|
|
|
<div id="record-audio-recordrtc" class="row text-center">
|
|
<form>
|
|
<div class="row">
|
|
<div class="col-sm-4 col-sm-offset-4">
|
|
<div class="form-group">
|
|
<span class="fa fa-microphone fa-5x fa-fw" aria-hidden="true"></span>
|
|
<span class="sr-only">{{ 'RecordAudio'|get_lang }}</span>
|
|
<div id="timer" style="display: none">
|
|
<h2>
|
|
<div class="label label-danger">
|
|
<span id="hour">00</span>
|
|
<span class="divider">:</span>
|
|
<span id="minute">00</span>
|
|
<span class="divider">:</span>
|
|
<span id="second">00</span>
|
|
</div>
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<input type="text" name="audio_title" id="audio-title-rtc" class="form-control" placeholder="{{ 'InputNameHere'|get_lang }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="text-center">
|
|
<div class="form-group">
|
|
<button class="btn btn-primary" type="button" id="btn-start-record">
|
|
<span class="fa fa-circle fa-fw" aria-hidden="true"></span> {{ 'StartRecordingAudio'|get_lang }}
|
|
</button>
|
|
<button class="btn btn-danger hidden" type="button" id="btn-stop-record" disabled>
|
|
<span class="fa fa-square fa-fw" aria-hidden="true"></span> {{ 'StopRecordingAudio'|get_lang }}
|
|
</button>
|
|
<button class="btn btn-success hidden" type="button" id="btn-save-record"
|
|
data-loadingtext="{{ 'Uploading'|get_lang }}" disabled>
|
|
<span class="fa fa-send fa-fw" aria-hidden="true"></span> {{ 'SaveRecordedAudio'|get_lang }}
|
|
</button>
|
|
</div>
|
|
<div class="form-group">
|
|
<audio class="skip hidden center-block" controls id="record-preview"></audio>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="row" id="record-audio-wami">
|
|
<div class="col-sm-3 col-sm-offset-3">
|
|
<br>
|
|
<form>
|
|
<div class="form-group">
|
|
<input type="text" name="audio_title" id="audio-title-wami" class="form-control" placeholder="{{ 'InputNameHere'|get_lang }}">
|
|
</div>
|
|
<div class="form-group text-center">
|
|
<button class="btn btn-primary" type="button" id="btn-activate-wami">
|
|
<span class="fa fa-check fa-fw" aria-hidden=""></span> {{ 'Activate'|get_lang }}
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="col-sm-3">
|
|
<div id="record-audio-wami-container" class="wami-container"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
$(function() {
|
|
RecordAudio.init(
|
|
{
|
|
blockId: '#record-audio-recordrtc',
|
|
btnStartId: '#btn-start-record',
|
|
btnPauseId: '#btn-pause-record',
|
|
btnPlayId: '#btn-play-record',
|
|
btnStopId: '#btn-stop-record',
|
|
btnSaveId: '#btn-save-record',
|
|
plyrPreviewId: '#record-preview',
|
|
cidReq :'{{ _p.web_cid_query }}',
|
|
directory: '{{ directory }}',
|
|
reload_page: 1,
|
|
type: 'document'
|
|
},
|
|
{
|
|
blockId: '#record-audio-wami',
|
|
containerId: 'record-audio-wami-container',
|
|
directory: '{{ directory }}',
|
|
userId: {{ user_id }},
|
|
type: 'document'
|
|
},
|
|
null
|
|
);
|
|
});
|
|
</script>
|