-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathaudio
More file actions
2 lines (1 loc) · 4.79 KB
/
Copy pathaudio
File metadata and controls
2 lines (1 loc) · 4.79 KB
1
2
<html><head><meta charset="utf-8"><title>Music</title><link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"><script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script><script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script></head><body style="background-color:lightgreen;"><strong><h1> Lesson 7. Here comes the train! <a href="./index">首页</a></h1><audio id="lesson" preload='metadata' controls><source src="http://flysheep.xyz/mp3/pre/PreLesson07.mp3" type="audio/mpeg"></audio><h2> Part1</h2><h3><ul class="list-group" style="background-color:green;"><li class="list-group-item">car</li><li class="list-group-item"><button onclick="startplay(25,27)">播放</button> <button onclick="stopplay()">暂停</button></li><li class="list-group-item">bike</li><li class="list-group-item"><button onclick="startplay(30,32)">播放</button> <button onclick="stopplay()">暂停</button></li><li class="list-group-item">plane</li><li class="list-group-item"><button onclick="startplay(36,38)">播放</button> <button onclick="stopplay()">暂停</button></li><li class="list-group-item">ship</li><li class="list-group-item"><button onclick="startplay(44,47)">播放</button> <button onclick="stopplay()">暂停</button></li><li class="list-group-item">train</li><li class="list-group-item"><button onclick="startplay(50,53)">播放</button> <button onclick="stopplay()">暂停</button></li><li class="list-group-item">bus</li><li class="list-group-item"><button onclick="startplay(58,61)">播放</button> <button onclick="stopplay()">暂停</button></li></ul></h3><h2> Part2</h2><h3><ul class="list-group" style="background-color:green;"><li class="list-group-item">Here comes the bus!</li><li class="list-group-item"><button onclick="startplay(76,78)">播放</button> <button onclick="stopplay()">暂停</button></li><li class="list-group-item">Let's get on!</li><li class="list-group-item"><button onclick="startplay(78,80)">播放</button> <button onclick="stopplay()">暂停</button></li><li class="list-group-item">We are on the bus!</li><li class="list-group-item"><button onclick="startplay(82,84)">播放</button> <button onclick="stopplay()">暂停</button></li><li class="list-group-item">Yes,we are on the bus!</li><li class="list-group-item"><button onclick="startplay(84,86)">播放</button> <button onclick="stopplay()">暂停</button></li><li class="list-group-item">Look! That's the zoo!</li><li class="list-group-item"><button onclick="startplay(87,90)">播放</button> <button onclick="stopplay()">暂停</button></li><li class="list-group-item">Let's get off!</li><li class="list-group-item"><button onclick="startplay(91,92)">播放</button> <button onclick="stopplay()">暂停</button></li><li class="list-group-item">Here we are!</li><li class="list-group-item"><button onclick="startplay(93,95)">播放</button> <button onclick="stopplay()">暂停</button></li></ul></h3><h2> Part3</h2><h3><ul class="list-group" style="background-color:green;"><li class="list-group-item">Here comes the train, whooo, whooo.</li><li class="list-group-item"><button onclick="startplay(115,119)">播放</button> <button onclick="stopplay()">暂停</button></li><li class="list-group-item">Here comes the train, whooo, whooo.</li><li class="list-group-item"><button onclick="startplay(120,123)">播放</button> <button onclick="stopplay()">暂停</button></li><li class="list-group-item">Puff,puff,chink,chink,puff,puff,puff.</li><li class="list-group-item"><button onclick="startplay(124,128)">播放</button> <button onclick="stopplay()">暂停</button></li><li class="list-group-item">Here comes the train!</li><li class="list-group-item"><button onclick="startplay(129,131)">播放</button> <button onclick="stopplay()">暂停</button></li><li class="list-group-item">Here comes the train!</li><li class="list-group-item"><button onclick="startplay(132,133)">播放</button> <button onclick="stopplay()">暂停</button></li></ul></h3></strong><script>var x = document.getElementById("lesson");var cur = 0;var flag = 0;var func = function(){if (cur >0 && x.currentTime >= cur) {cur = 0;x.pause();x.removeEventListener("timeupdate", func); }};function startplay(starttime,endtime){if(flag == 0){flag = 1;x.autoplay="autoplay";x.load();}x.currentTime=starttime;x.fastSeek(starttime);cur = endtime;x.addEventListener("timeupdate", func);x.play();}function stopplay(){cur = 0;x.pause();}</script></body></html>