Changeset 36197


Ignore:
Timestamp:
2022-05-19T14:00:48+12:00 (4 months ago)
Author:
davidb
Message:

audio player improvements

File:
1 edited

Legend:

Unmodified
Added
Removed
  • main/trunk/model-sites-dev/atea/collect/tiriana-audio/transform/pages/document.xsl

    r36167 r36197  
    4242        <script type="text/javascript" src="https://unpkg.com/wavesurfer.js/dist/plugin/wavesurfer.regions.min.js"><xsl:text> </xsl:text></script>
    4343        <script type="text/javascript" src="https://unpkg.com/wavesurfer.js/dist/plugin/wavesurfer.timeline.min.js"><xsl:text> </xsl:text></script>
     44        <script type="text/javascript" src="https://unpkg.com/wavesurfer.js/dist/plugin/wavesurfer.cursor.min.js"><xsl:text> </xsl:text></script>
    4445        <script type="text/javascript" src="https://d3js.org/colorbrewer.v1.min.js"><xsl:text> </xsl:text></script>
    4546
     
    4849            <div id="wave-timeline"><text></text></div>
    4950            <div id="toolbar">
    50                 <div class="flex-leftalign" id="zoom-section">
     51                <div class="flex-leftalign toolbar-section">
    5152                    <img src="interfaces/{$interface_name}/images/bootstrap/zoom-out.svg" id="zoomIcon" class="noHover" />
    52                     <input type="range" min="1" max="100" value="0" id="slider" />
     53                    <input type="range" min="1" max="100" value="25" id="slider" />
    5354                    <img src="interfaces/{$interface_name}/images/bootstrap/zoom-in.svg" id="zoomIcon" class="noHover" />
    5455                </div>
    55                 <img src="interfaces/{$interface_name}/images/bootstrap/back.svg" id="backButton" />
    56                 <img src="interfaces/{$interface_name}/images/bootstrap/play.svg" id="playPauseButton" />
    57                 <img src="interfaces/{$interface_name}/images/bootstrap/forward.svg" id="forwardButton" />
    58                 <img src="interfaces/{$interface_name}/images/bootstrap/unmute.svg" id="muteButton" />
     56                <div class="flex-centeralign toolbar-section">
     57                    <img src="interfaces/{$interface_name}/images/bootstrap/back.svg" id="backButton" />
     58                    <img src="interfaces/{$interface_name}/images/bootstrap/play.svg" id="playPauseButton" />
     59                    <img src="interfaces/{$interface_name}/images/bootstrap/forward.svg" id="forwardButton" />
     60                </div>
     61                <div class="flex-rightalign toolbar-section">
     62                    <img src="interfaces/{$interface_name}/images/bootstrap/chapters.svg" id="chapterButton" />
     63                    <img src="interfaces/{$interface_name}/images/bootstrap/unmute.svg" id="muteButton" />
     64                </div>
    5965            </div>
    60             <img src="interfaces/{$interface_name}/images/bootstrap/chapters.svg" id="chapterButton" />
    6166            <div id="chapters"></div>
    6267        </div>
Note: See TracChangeset for help on using the changeset viewer.