forked from a-angelov/info
-
Notifications
You must be signed in to change notification settings - Fork 1
/
recordings.html
77 lines (73 loc) · 6 KB
/
recordings.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Media Chapters Demo</title>
<link rel="stylesheet" href="recordings.css" type="text/css" media="screen">
</head>
<body>
<audio class="myaudio" controls></audio>
<ul id="episodes">
<li class="episode" data-recording="http://stream19.mixcloud.com/cloudcasts/m4a/64/9/9/2/b/8939-fea1-44e6-9e15-576b3199e65e.m4a">
<span class="episode_title">2013, 8 Май - Първи скайп разговор</span>
<div class="segments">
<p>Първият разговор в резултат от: <a href="http://doodle.com/uerxebx5msuhbawg">http://doodle.com/uerxebx5msuhbawg</a> </p>
<p>Бързо след това Антон се записа на онлайн логопед. </p>
<ul>
<li><a href="#" data-timestamp="0:00">Real life bug tracker</a></li>
<li><a href="#" data-timestamp="3:15">Избягване на държавна администрация</a></li>
<li><a href="#" data-timestamp="6:01">Пример на проект във връзка с това че се бяга от държавна администрация</a></li>
<li><a href="#" data-timestamp="8:10">Идея за нов проект за портал за малкия бизнес</a></li>
<li><a href="#" data-timestamp="12:33">Благотворителен арт</a></li>
<li><a href="#" data-timestamp="14:14">Не е само код, трябва и много мейли</a></li>
<li><a href="#" data-timestamp="15:10">(Отклонение - не е важно)</a></li>
<li><a href="#" data-timestamp="15:48">За социален ангажимент и организацията на проектите</a></li>
<li><a href="#" data-timestamp="20:42">Recycling Spots Част 1</a></li>
<li><a href="#" data-timestamp="25:33">Photographers app + Продължение за events</a></li>
<li><a href="#" data-timestamp="31:34">Малко обобщение + Интро на "Развитие" при проектите и организация</a></li>
<li><a href="#" data-timestamp="33:26">What should I do with My</a></li>
<li><a href="#" data-timestamp="38:54">Popara.bg</a></li>
<li><a href="#" data-timestamp="43:00">За Eleven и VC</a></li>
<li><a href="#" data-timestamp="44:01">Graph-tree with the problems of Bulgaria и малко отклонение за проблемите в България</a></li>
<li><a href="#" data-timestamp="47:22">Public funds transparent payment system</a></li>
<li><a href="#" data-timestamp="53:22">Отклонения за проектите тип whistle-blower и обобщение</a></li>
<li><a href="#" data-timestamp="57:08">Протести онлайн</a></li>
<li><a href="#" data-timestamp="61:31">Сметки през телефона</a></li>
<li><a href="#" data-timestamp="70:18">Public API за проверка на сметки</a></li>
<li><a href="#" data-timestamp="71:57">Facts with version history & Тъпи факти за здравето</a></li>
<li><a href="#" data-timestamp="78:05">Analysing media.</a></li>
<li><a href="#" data-timestamp="82:10">Alaveteli</a></li>
<li><a href="#" data-timestamp="87:23">Мнения по свръзка с хора в политиката</a></li>
<li><a href="#" data-timestamp="90:18">Сайт търсачка за възможности при нужда от финансиране</a></li>
<li><a href="#" data-timestamp="95:57">Идеята за даряване на "точки" тип мтел точки</a></li>
<li><a href="#" data-timestamp="97:41">Рейтинг на народни представители</a></li>
<li><a href="#" data-timestamp="98:33">Отклонение, intro на redpen, пример за употреба на Alaveteli</a></li>
<li><a href="#" data-timestamp="100:37">По-удобен портал за отворени данни от парламента (тип кой-кай гласува)</a></li>
<li><a href="#" data-timestamp="105:13">Неофициален сайт на българия, другояче Официален сайт на Гражданина</a></li>
<li><a href="#" data-timestamp="109:40">Отклонения за електронното правителство и интро на проект за автоматично цялостно счетоводство на малки фирми за по 10лв месечно. Предложение за нов проект с правителството.</a></li>
<li><a href="#" data-timestamp="116:02">Отклонения за cocept.napoppa & obshtestvo.napopa</a></li>
<li><a href="#" data-timestamp="117:20">Организационно</a></li>
<li><a href="#" data-timestamp="126:43">Малко мисли за финансиране</a></li>
<li><a href="#" data-timestamp="131:29">Организационно</a></li>
</ul>
</div>
</li>
</ul>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="mediaChapters.js"></script>
<script type="text/javascript">
$(function() {
$ep = $('.episode');
$ep.mediaChapter({
audioElementSelector: '.myaudio',
audioChapterSelector: '.segments li a'
});
// For demo purposes only. Not needed for the plugin
$('.segments').addClass('hide');
$ep.find('.episode_title').on('click', function() {
$(this).next('div.segments').toggleClass('hide', 'show');
});
})
</script>
</body>
</html>