stubbfel/mlib5
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update

Browse Source
This commit is contained in:
user
2013-03-09 14:59:29 +01:00
parent 44afc36ead
commit 7b25d7e446
7 changed files with 492 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
index.html
View File

@@ -1,80 +1,49 @@
<!doctype html>
<html>
<head>
<title>Mlib5</title>
<meta name="robots" content="noindex, nofollow">
<meta name="creator" content="stubbfel">
<meta http-equiv="content-type" content="text/html; charset=UTF-8" >
<head>
<title>Mlib5</title>
<meta name="robots" content="noindex, nofollow">
<meta name="creator" content="stubbfel">
<meta http-equiv="content-type" content="text/html; charset=UTF-8" >
<link rel="stylesheet" type="text/css" href="css/style.css" title="style">
<script type="text/javascript" src="js/json_sans_eval.js"></script>
<script type="text/javascript" src="js/mlib.js"></script>
</head>
<body onload="pageLoad();">
<div id="wrapper">
<header id="mlibheader">
mlib5
</header>
<div id="breadcrumb"></div>
<div id="contentwrapper">
<nav id="sidenav">
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>subitem1</li>
<li>subitem2</li>
<li>item4</li>
</ul>
</nav>
<link rel="stylesheet" type="text/css" href="css/style.css" title="style">
</head>
<body onload="pageLoad();">
<div id="wrapper">
<header id="mlibheader">
mlib5
</header>
<div id="breadcrumb"></div>
<div id="contentwrapper">
<nav id="sidenav">
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>subitem1</li>
<li>subitem2</li>
<li>item4</li>
</ul>
</nav>
<section id="playersec">
<section id="playersec">
<div id="timeline">test</div>
<audio controls autoplay id="player">
<source id ="playersource" src="audio.ogg">;
</audio>
</section>
<audio controls autoplay id="player">
<source id ="playersource" src="">;
</audio>
</section>
<nav id="playerlistsec">
<ul class="menu">
<li onclick="jump('audio.ogg#t=3000','Kapitel1')">Kapitel1</li>
<li class="subli" onclick="jump('audio.ogg#t=3000','Kapitel1')">UnterKapitel1</li>
<li class="subli" onclick="jump('audio.ogg#t=6000','Kapitel2')">UnterKapitel2</li>
<li class="subli" onclick="jump('audio.ogg#t=9000','Kapitel3')">UnterKapitel3</li>
<li onclick="jump('audio2.ogg#t=5000','Kapitel4')">Kapitel4</li>
<nav id="playerlistsec">
<ul class="menu" id="playList">
</ul>
</nav>
</div>
<footer></footer>
</div>
</body>
</html>
</nav>
</div>
<footer></footer>
</div>
<script>
var actTitle = "start";
var bread = document.getElementById('breadcrumb');
var player = document.getElementById('player');
var mediaSource = document.getElementById('playersource');
function pageLoad() {
player.addEventListener('timeupdate', timeUpdate);
player.addEventListener('onended', trackEndet);
}
function jump(newSrc,newTitle) {
mediaSource.src = newSrc;
actTitle = newTitle;
player.load();
}
function timeUpdate() {
if (player.currentTime > 9000) {
actTitle = 'Kapitelbread2';
}
bread.innerHTML = actTitle;
}
function trackEndet() {
bread.innerHTML = actTitle;
}
</script>
<object data="js/test.json" type="application/json" id="episode" hidden>
<param name="src" value="js/test.json">
</object>
</body>
</html>