Linamp

rusben · May 8, 2018 · 03f552f · 03f552f
1 parent 392690e
commit 03f552f
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 0 deletions.
diff --git a/javascript/004-duck.html b/javascript/004-duck.html
@@ -8,6 +8,7 @@
 	<body>
 
 		<button class="kwak">Kwak!</button>
+
 		<div class="kwak">Kwak!</div>
 
 		<audio id="kwak" src="../media/kwak.mp3"></audio>

diff --git a/javascript/006-linamp.html b/javascript/006-linamp.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8">
+		<title>Linamp</title>
+	</head>
+
+	<body>
+
+		<button id="btn-play">play</button>
+		<button id="btn-pause">pause</button>
+		<button id="btn-stop">stop</button>
+
+		<audio id="track" src="../media/beethoven-symphony-5.mp3"></audio>
+
+	</body>
+
+	<script type="text/javascript" src="006-linamp.js"></script>
+</html>
diff --git a/javascript/006-linamp.js b/javascript/006-linamp.js
@@ -0,0 +1,15 @@
+var track = document.getElementById("track");
+var playButton = document.getElementById("btn-play");
+var pauseButton = document.getElementById("btn-pause");
+var stopButton = document.getElementById("btn-stop");
+
+playButton.addEventListener("dblclick", play);
+pauseButton.addEventListener("click", pause);
+stopButton.addEventListener("click", stop);
+
+function play() { track.play(); }
+function pause() { track.pause(); }
+function stop() {
+  pause();
+  track.currentTime = 0;
+ }
diff --git a/media/beethoven-symphony-5.mp3 b/media/beethoven-symphony-5.mp3
-Original file line number
+Diff line change
@@ Expand Up / @@ -8,6 +8,7 @@ @@
     	<body>
     		<button class="kwak">Kwak!</button>
     		<div class="kwak">Kwak!</div>
     		<audio id="kwak" src="../media/kwak.mp3"></audio>
@@ Expand Down @@