ccl
/
hp-library
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

sounds on click

master
zeroth 4 years ago
parent
dece8f2f5c
commit
6166ff3f57
1 changed files with 28 additions and 26 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 54
      templates/layout.html

54
templates/layout.html
View File

@ -25,9 +25,22 @@
</script>
<script type="text/javascript">
$(document).ready(function() {
var audio=document.createElement('audio');
// var first=true;
// window.addEventListener('mousedown',onmousedown);
var listsounds = ["https://who-is-the-author.me/files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.anna&auryn/debris.gift.choreographies_for_phantom_limbs.anna&auryn.wav", "https://who-is-the-author.me/files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.anne/debris.gift.choreographies_for_phantom_limbs.anne.wav", "https://who-is-the-author.me/files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.ashley/debris.gift.choreographies_for_phantom_limbs.ashley.wav", "https://who-is-the-author.me/files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.cian/debris.gift.choreographies_for_phantom_limbs.cian.wav", "https://who-is-the-author.me/files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.denise/debris.gift.choreographies_for_phantom_limbs.denise.wav", "https://who-is-the-author.me/files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.eva/debris.gift.choreographies_for_phantom_limbs.eva.wav", "https://who-is-the-author.me/files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.group/debris.gift.choreographies_for_phantom_limbs.group1_with_loop.wav", "https://who-is-the-author.me/files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.group/debris.gift.choreographies_for_phantom_limbs.group2_with_loop.wav", "https://who-is-the-author.me/files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.group/debris.gift.choreographies_for_phantom_limbs.group3_with_loop.wav", "https://who-is-the-author.me/files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.group/debris.gift.choreographies_for_phantom_limbs.group4_with_loop.wav", "https://who-is-the-author.me/files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.group/debris.gift.choreographies_for_phantom_limbs.group_work1.wav", "https://who-is-the-author.me/files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.group/debris.gift.choreographies_for_phantom_limbs.group_work2.wav", "https://who-is-the-author.me/files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.group/debris.gift.choreographies_for_phantom_limbs.group_work3.wav", "https://who-is-the-author.me/files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.group/debris.gift.choreographies_for_phantom_limbs.student_work_all_together.wav", "https://who-is-the-author.me/files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.jonnah/debris.gift.choreographies_for_phantom_limbs.jonnah.wav", "https://who-is-the-author.me/files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.julia&maud&jinnie/debris.gift.choreographies_for_phantom_limbs.julia_maud_jinnie.wav", "https://who-is-the-author.me/files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.kitty/debris.gift.choreographies_for_phantom_limbs.kitty.wav", "https://who-is-the-author.me/files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.masha/debris.gift.choreographies_for_phantom_limbs.masha.wav", "https://who-is-the-author.me/files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.mia/debris.gift.choreographies_for_phantom_limbs.mia.wav", "https://who-is-the-author.me/files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.rubin/debris.gift.choreographies_for_phantom_limbs.rubin.wav", "https://who-is-the-author.me/files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.senka/debris.gift.choreographies_for_phantom_limbs.senka.wav"
]
function play(){
// if(!first) return;
// first=false;
audio.src = listsounds[Math.floor(Math.random()*listsounds.length)];
audio.play();
}
$(document).ready(function() {
// // COOKIE
@ -192,16 +205,16 @@ function getCookie(name) {
if ((extension=="jpg") || (extension=="jpeg") || (extension=="png") || (extension=="gif") || (extension=="tiff")) {
$(".name-elements").append("<li><img class='listed-images' src='/files/"+ledocument+"'><br><br><span class='librarians-label'><b>Librarian(s):</b> "+librarianstring+"</span><br><span class='method-label'><b>Method:</b> "+methodstring+"</span><br><br><a href='/files/"+ledocument+"' download><button class='download'>Download file</button></a></li>");
$(".name-elements").append("<li><img class='listed-images' src='/files/"+ledocument+"'><br><br><span class='librarians-label'><b>Librarian(s):</b> "+librarianstring+"</span><br><span class='method-label'><b>Method:</b> "+methodstring+"</span><br><br><a href='/files/"+ledocument+"' download><button class='download' onclick='play()'>Download file</button></a></li>");
}
else if (extension=="pdf") {
$(".name-elements").append("<li><span class='mobile-pdf'>The PDF cannot be displayed on mobile. Please download the file to see it.</span><object class='listed-pdf' data='files/"+ledocument+"'/><br><br><span class='librarians-label'><b>Librarian(s):</b> "+librarianstring+"</span><br><span class='method-label'><b>Method:</b> "+methodstring+"</span><br><br><a href='/files/"+ledocument+"' download><button class='download'>Download file</button></a></li>");
$(".name-elements").append("<li><span class='mobile-pdf'>The PDF cannot be displayed on mobile. Please download the file to see it.</span><object class='listed-pdf' data='files/"+ledocument+"'/><br><br><span class='librarians-label'><b>Librarian(s):</b> "+librarianstring+"</span><br><span class='method-label'><b>Method:</b> "+methodstring+"</span><br><br><a href='/files/"+ledocument+"' download><button class='download' onclick='play()'>Download file</button></a></li>");
}
else if ((extension=="mp3") || (extension=="wav") || (extension=="m4a")) {
$(".name-elements").append("<li><audio class='listed-audio' controls><source src='files/"+ledocument+"'></audio><br><br><span class='librarians-label'><b>Librarian(s):</b> "+librarianstring+"</span><br><span class='method-label'><b>Method:</b> "+methodstring+"</span><br><br><a href='/files/"+ledocument+"' download><button class='download'>Download file</button></a></li>");
$(".name-elements").append("<li><audio class='listed-audio' controls><source src='files/"+ledocument+"'></audio><br><br><span class='librarians-label'><b>Librarian(s):</b> "+librarianstring+"</span><br><span class='method-label'><b>Method:</b> "+methodstring+"</span><br><br><a href='/files/"+ledocument+"' download><button class='download' onclick='play()'>Download file</button></a></li>");
}
else if ((extension=="mov") || (extension=="mp4")) {
$(".name-elements").append("<li><video class='listed-videos' controls><source src='files/"+ledocument+"'></video><br><br><span class='librarians-label'><b>Librarian(s):</b> "+librarianstring+"</span><br><span class='method-label'><b>Method:</b> "+methodstring+"</span><br><br><a href='/files/"+ledocument+"' download><button class='download'>Download file</button></a></li>");
$(".name-elements").append("<li><video class='listed-videos' controls><source src='files/"+ledocument+"'></video><br><br><span class='librarians-label'><b>Librarian(s):</b> "+librarianstring+"</span><br><span class='method-label'><b>Method:</b> "+methodstring+"</span><br><br><a href='/files/"+ledocument+"' download><button class='download' onclick='play()'>Download file</button></a></li>");
};
};
category = item.method;
@ -247,16 +260,16 @@ var flag = true;
if ((extension=="jpg") || (extension=="jpeg") || (extension=="png") || (extension=="gif") || (extension=="tiff")) {
$(".name-elements").append("<li><img class='listed-images' src='/files/"+ledocument+"'><br><br><span class='librarians-label'><b>Librarian(s):</b> "+librarianstring+"</span><br><span class='method-label'><b>Method:</b> "+methodstring+"</span><br><br><a href='/files/"+ledocument+"' download><button class='download'>Download file</button></a></li>");
$(".name-elements").append("<li><img class='listed-images' src='/files/"+ledocument+"'><br><br><span class='librarians-label'><b>Librarian(s):</b> "+librarianstring+"</span><br><span class='method-label'><b>Method:</b> "+methodstring+"</span><br><br><a href='/files/"+ledocument+"' download><button class='download' onclick='play()'>Download file</button></a></li>");
}
else if (extension=="pdf") {
$(".name-elements").append("<li><span class='mobile-pdf'>The PDF cannot be displayed on mobile. Please download the file to see it.</span><object class='listed-pdf' data='files/"+ledocument+"'/><br><br><span class='librarians-label'><b>Librarian(s):</b> "+librarianstring+"</span><br><span class='method-label'><b>Method:</b> "+methodstring+"</span><br><br><a href='/files/"+ledocument+"' download><button class='download'>Download file</button></a></li>");
$(".name-elements").append("<li><span class='mobile-pdf'>The PDF cannot be displayed on mobile. Please download the file to see it.</span><object class='listed-pdf' data='files/"+ledocument+"'/><br><br><span class='librarians-label'><b>Librarian(s):</b> "+librarianstring+"</span><br><span class='method-label'><b>Method:</b> "+methodstring+"</span><br><br><a href='/files/"+ledocument+"' download><button class='download' onclick='play()'>Download file</button></a></li>");
}
else if ((extension=="mp3") || (extension=="wav") || (extension=="m4a")) {
$(".name-elements").append("<li><audio class='listed-audio' controls><source src='files/"+ledocument+"'></audio><br><br><span class='librarians-label'><b>Librarian(s):</b> "+librarianstring+"</span><br><span class='method-label'><b>Method:</b> "+methodstring+"</span><br><br><a href='/files/"+ledocument+"' download><button class='download'>Download file</button></a></li>");
$(".name-elements").append("<li><audio class='listed-audio' controls><source src='files/"+ledocument+"'></audio><br><br><span class='librarians-label'><b>Librarian(s):</b> "+librarianstring+"</span><br><span class='method-label'><b>Method:</b> "+methodstring+"</span><br><br><a href='/files/"+ledocument+"' download><button class='download' onclick='play()'>Download file</button></a></li>");
}
else if ((extension=="mov") || (extension=="mp4")) {
$(".name-elements").append("<li><video class='listed-videos' controls><source src='files/"+ledocument+"'></video><br><br><span class='librarians-label'><b>Librarian(s):</b> "+librarianstring+"</span><br><span class='method-label'><b>Method:</b> "+methodstring+"</span><br><br><a href='/files/"+ledocument+"' download><button class='download'>Download file</button></a></li>");
$(".name-elements").append("<li><video class='listed-videos' controls><source src='files/"+ledocument+"'></video><br><br><span class='librarians-label'><b>Librarian(s):</b> "+librarianstring+"</span><br><span class='method-label'><b>Method:</b> "+methodstring+"</span><br><br><a href='/files/"+ledocument+"' download><button class='download' onclick='play()'>Download file</button></a></li>");
};
};
category = item.method;
@ -385,6 +398,9 @@ var flag = true;
</head>
<body>
<div class="nav-top">
<ul>
<li><span class="nav-button" style="text-align: left;" id="bought">BOUGHT</span></li>
@ -443,10 +459,10 @@ var flag = true;
<!-- submit data and buttons-->
<button id="about">About</button>
<button id="about" onclick='play()'>About</button>
<!-- <a href="/test/" target="_blank"><button id="listoffiles">Download</button></a> -->
<a href="/"><button id="reset">Reset</button></a>
<button id="showall">Show All</button>
<a href="/"><button id="reset" onclick='play()'>Reset</button></a>
<button id="showall" onclick='play()'>Show All</button>
<!-- INSERT -->
@ -751,21 +767,7 @@ var flag = true;
</div>
<!-- audio stuff -->
<script type="text/javascript">
var audio=document.createElement('audio');
var first=true;
$(".download").addEventListener('mousedown',onmousedown);
function onmousedown(){
if(!first) return;
first=false;
audio.src="files/GIFT/debris.gift.choreographies_for_phantom_limbs/debris.gift.choreographies_for_phantom_limbs.group/debris.gift.choreographies_for_phantom_limbs.group_work2.wav";
audio.type="audio/wav";
audio.play();
}
</script>
</div>
</div>

Write Preview
Loading…
Cancel
Save