diff options
Diffstat (limited to 'app/views/components/AudioPlayer.php')
| -rw-r--r-- | app/views/components/AudioPlayer.php | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/app/views/components/AudioPlayer.php b/app/views/components/AudioPlayer.php new file mode 100644 index 0000000..d3ba487 --- /dev/null +++ b/app/views/components/AudioPlayer.php @@ -0,0 +1,51 @@ + <div class="sm2-bar-ui bg-white compact shadow-md mb-4 border"> + + <div class="bd sm2-main-controls"> + + <div class="sm2-inline-element sm2-button-element"> + <div class="sm2-button-bd"> + <a href="#play" class="sm2-inline-button sm2-icon-play-pause">Play / Pause</a> + </div> + </div> + + <div class="sm2-inline-element sm2-inline-status"> + + <div class="sm2-progress"> + <div class="sm2-row"> + <div class="sm2-inline-time">0:00</div> + <div class="sm2-progress-bd"> + <div class="sm2-progress-track"> + <div class="sm2-progress-bar"></div> + <div class="sm2-progress-ball"><div class="icon-overlay"></div></div> + </div> + </div> + <div class="sm2-inline-duration">0:00</div> + </div> + </div> + + </div> + + <div class="sm2-inline-element sm2-button-element sm2-volume"> + <div class="sm2-button-bd"> + <span class="sm2-inline-button sm2-volume-control volume-shade"></span> + <a href="#volume" class="sm2-inline-button sm2-volume-control">volume</a> + </div> + </div> + + <a href="audio/prologue.mp3" class="sm2-inline-element sm2-button-element" download> + <?php echo file_get_contents($_SERVER['DOCUMENT_ROOT'] . '/..' . '/public/icons/feathericons/download.svg') ?> + </a> + + </div> + + <div class="bd sm2-playlist-drawer sm2-element"> + + <div class="sm2-playlist-wrapper"> + <ul class="sm2-playlist-bd"> + <li class="selected"><a href="/audio/<?php echo $audio; ?>.mp3">Prologue</a></li> + </ul> + </div> + + </div> + + </div> |