- Timestamp:
- 2021-08-09T13:49:44+12:00 (3 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
main/trunk/model-interfaces-dev/atea/transform/pages/asr.xsl
r35265 r35267 33 33 <!-- the page content --> 34 34 <xsl:template match="/page"> 35 <xsl:call-template name="audio- upload"/>35 <xsl:call-template name="audio-transcription"/> 36 36 </xsl:template> 37 37 38 38 <!-- Template for processing audio file uploads --> 39 <xsl:template name="audio-upload"> 39 <xsl:template name="audio-transcription"> 40 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> 40 41 <link href="interfaces/{$interface_name}/style/asr.css" rel="stylesheet" type="text/css" /> 41 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />42 42 43 <div class="paper"> 44 <div> 43 <section id="audio-transcription-container" class="paper"> 44 <div class="paper-inset"> 45 45 46 <form onSubmit="doAudioUpload(); return false;" enctype="multipart/form-data"> 46 <input id="fileUpload" type="file" accept="audio/wav" multiple="multiple" /> 47 <button id="btnFileUpload" type="submit" disabled="disabled">Transcribe</button> 47 <button class="btn-primary" type="button" onclick="document.getElementById('audioFileUpload').click()"> 48 <span class="material-icons"></span> <!-- file_upload --> 49 <span>Upload Audio Files</span> 50 </button> 51 52 <input id="audioFileUpload" type="file" accept="audio/wav" multiple="multiple" /> 53 54 <button id="btnBeginTranscription" class="btn-primary" type="submit" disabled="disabled"> 55 <span class="material-icons"></span> <!-- history_edu --> 56 <span>Transcribe</span> 57 </button> 48 58 </form> 59 60 <div id="prgFileUploadContainer" class="asr-hidden"> 61 <label for="prgFileUpload">Processing:</label> 62 <progress id="prgFileUpload" /> 63 </div> 49 64 </div> 50 65 51 < div class="audio-slider__container">52 <button type="button" class="btn-fab btn-fab-small">53 <span class="material-icons "></span> <!-- play_arrow -->66 <!-- <div class="audio-slider__container"> 67 <button type="button" class="btn-fab"> 68 <span class="material-icons mdi-xl"></span> 54 69 </button> 55 70 <input type="range" min="0" value="0" class="audio-slider__range" /> 56 71 <span class="audio-slider__value">1:23</span> 57 </div> 72 </div> --> 58 73 59 <div id="prgFileUploadContainer" class="asr-hidden"> 60 <label for="prgFileUpload">Processing:</label> 61 <progress id="prgFileUpload" /> 62 </div> 63 74 <!-- The list of each transcription --> 64 75 <div id="transcriptionsDisplayContainer"> 76 65 77 <audio id="transcriptionAudio"> 66 78 <source id="transcriptionAudioSource" /> … … 71 83 <template id="transcriptionTemplate"> 72 84 <li class="transcription__container"> 85 73 86 <div class="transcription__header"> 74 <button class=" btn-fab transcription__play-button" type="button">87 <button class="color-flat btn-fab transcription__play-button" type="button"> 75 88 <span class="material-icons"></span> <!-- play_arrow --> 76 89 </button> 77 <button class=" btn-fab transcription__remove-button" type="button">90 <button class="color-error btn-fab transcription__remove-button" type="button"> 78 91 <span class="material-icons"></span> <!-- delete --> 79 92 </button> 80 <p class="transcription__file-name"></p> 93 <p class="transcription__text"></p> 94 <p class="body2 transcription__file-name">test</p> 81 95 </div> 96 82 97 <details> 83 98 <summary>Character Information</summary> … … 89 104 </div> 90 105 </details> 106 91 107 <hr class="divider" /> 108 92 109 </li> 93 110 </template> … … 128 145 </template> 129 146 </div> 130 </ div>147 </section> 131 148 132 149 <gsf:script src="interfaces/{$interface_name}/js/asr/asr-controller.js"></gsf:script>
Note:
See TracChangeset
for help on using the changeset viewer.