Various: Added playback progress indicator for audio files (CDR, VM, etc).

This commit is contained in:
Nate Jones
2015-04-13 22:26:50 +00:00
parent 862d4bf7aa
commit bb75eeb191
7 changed files with 90 additions and 15 deletions
+22
View File
@@ -1171,6 +1171,12 @@ legend {
/* operator panel styles end */
SPAN.playback_progress_bar {
background-color: #c43e42;
height: 1px;
display: inline-block;
}
</style>
<script type="text/javascript">
@@ -1294,6 +1300,9 @@ legend {
var recording_audio;
function recording_play(recording_id) {
if (document.getElementById('recording_progress_bar_'+recording_id)) {
document.getElementById('recording_progress_bar_'+recording_id).style.display='';
}
recording_audio = document.getElementById('recording_audio_'+recording_id)
if (recording_audio.paused) {
@@ -1307,8 +1316,21 @@ legend {
}
function recording_reset(recording_id) {
if (document.getElementById('recording_progress_bar_'+recording_id)) {
document.getElementById('recording_progress_bar_'+recording_id).style.display='none';
}
document.getElementById('recording_button_'+recording_id).innerHTML = "<?php echo $v_link_label_play; ?>";
}
function update_progress(recording_id) {
recording_audio = document.getElementById('recording_audio_'+recording_id);
var recording_progress = document.getElementById('recording_progress_'+recording_id);
var value = 0;
if (recording_audio.currentTime > 0) {
value = Math.floor((100 / recording_audio.duration) * recording_audio.currentTime);
}
recording_progress.style.width = value + "%";
}
</script>
</head>