Browse Source

random play mp3 when page mp3 config missing

Fechin 6 years ago
parent
commit
aa3ae228e3
3 changed files with 24 additions and 4 deletions
  1. 7 0
      layout/_partial/head.ejs
  2. 11 4
      layout/_partial/post/article.ejs
  3. 6 0
      source/js/diaspora.js

+ 7 - 0
layout/_partial/head.ejs

@@ -36,5 +36,12 @@ var description = '';
     <% if (theme.favicon){ %><link rel="icon" href="<%- url_for(theme.favicon) %>"> <% } %>
     <%- css(['//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css'])%>
     <%- css(['css/diaspora.css'])%>
+    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
+    <script>
+      (adsbygoogle = window.adsbygoogle || []).push({
+        google_ad_client: "ca-pub-8691406134231910",
+        enable_page_level_ads: true
+      });
+    </script>
 
 </head>

+ 11 - 4
layout/_partial/post/article.ejs

@@ -9,15 +9,22 @@
             <%- page.content %>
             <!--[if lt IE 9]><script>document.createElement('audio');</script><![endif]-->
             <audio id="audio" loop="1" preload="auto" controls="controls" data-autoplay="<%- theme.autoplay || "false" %>">
-                <source type="audio/mpeg" src="<%- page.mp3 || theme.mp3 %>">
+                <source type="audio/mpeg" src="<%- page.mp3 %>">
             </audio>
+            <% if (page.mp3 == '' | page.mp3 == null){%>
+                <ul id="audio-list" style="display:none">
+                    <% for (var i in theme.mp3){ %>
+                        <li title='<%- i %>' data-url='<%- theme.mp3[i] %>'></li>
+                    <%}%>
+                </ul>
+            <%}%>
         </div>
         <%- partial('gitalk', {post: page}) %>
     </div>
     <% if (theme.TOC == true){ %>
-      <div class='side'>
-        <%- toc(page.content, {list_number: true}) %>
-      </div>
+        <div class='side'>
+            <%- toc(page.content, {list_number: true}) %>
+        </div>
     <%}%>
 </div>
 

+ 6 - 0
source/js/diaspora.js

@@ -140,6 +140,12 @@ var Diaspora = {
         if (p.eq(0).data("autoplay") == true) {
             p[0].play();
         }
+        if (p[0].src == ''){
+            audiolist = $('#audio-list li');
+            mp3 = audiolist.eq([Math.floor(Math.random() * audiolist.size())])
+            p[0].src = mp3.data('url')
+        }
+
         p.on({
             'timeupdate': function() {
                 var progress = p[0].currentTime / p[0].duration * 100;