4 files changed, 26 insertions, 0 deletions
diff --git a/views/partials/footer.ejs b/views/partials/footer.ejs
index edae257..548b0bf 100644
--- a/views/partials/footer.ejs
+++ b/views/partials/footer.ejs
@@ -1,4 +1,5 @@
 </content>
+<% include ../partials/player %>
 <% include ../partials/404 %>
 </body>
 <script type="text/json" id="preload" payload="<%= preload %>"></script>
diff --git a/views/partials/header.ejs b/views/partials/header.ejs
index 1be8e7d..969e7d4 100644
--- a/views/partials/header.ejs
+++ b/views/partials/header.ejs
@@ -6,6 +6,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
 <link rel="stylesheet" href="/assets/css/bucky.css">
 <link rel="stylesheet" href="/assets/css/hootstream.css">
+<link rel="stylesheet" href="/assets/css/audioplayer.css">
 <meta name="_csrf" value="<%= csrfToken %>">
 </head>
 <body class="loading">
diff --git a/views/partials/player.ejs b/views/partials/player.ejs
new file mode 100644
index 0000000..8e58ff1
--- /dev/null
+++ b/views/partials/player.ejs
@@ -0,0 +1,23 @@
+<div id="audio"></div>
+<div id="audioPlayer" class="player">
+  <div class="controls">
+    <div class="trackInfo row">
+      <div class='title'>
+      <i>The player is unloaded</i>
+      </div>
+      <div class='time'>
+      </div>
+    </div>
+    <div class="row">
+      <div class='icon'>
+        <img src="/assets/img/play-white.svg" class='play_icon'>
+        <img src="/assets/img/pause-white.svg" class='pause_icon'>
+      </div>
+      <div class='pos'>
+        <div class='track'>
+        </div>
+        <div class='dot'></div>
+      </div>
+    </div>
+  </div>
+</div>
+\ No newline at end of file
diff --git a/views/partials/scripts.ejs b/views/partials/scripts.ejs
index bf65bff..0d69bd3 100644
--- a/views/partials/scripts.ejs
+++ b/views/partials/scripts.ejs
@@ -52,6 +52,7 @@
 <script src="/assets/js/lib/views/details/editcomment.js"></script>
 <script src="/assets/js/lib/views/details/files.js"></script>
 <script src="/assets/js/lib/views/details/audio.js"></script>
+<script src="/assets/js/lib/views/details/audioPlayer.js"></script>
 
 <script src="/assets/js/lib/views/details/gallery.js"></script>
 <script src="/assets/js/lib/views/mail/mailbox.js"></script>