-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy path鹿鼎記.html
More file actions
187 lines (186 loc) · 11.9 KB
/
Copy path鹿鼎記.html
File metadata and controls
187 lines (186 loc) · 11.9 KB
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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>鹿鼎記</title>
<style>
p {font-size: 20px;}
#audio{background:#666;width:94%;padding:20px;}
.active a{color:#5DB0E6;text-dcoration:none;}
div a{color:black;}
div a:hover{text-decoration:none;}
#playlist {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
background-color: green;
padding: 3px;
}
#playlist > div {
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid black;
padding: 4px;
text-align: center;
font-size: 20px;
}
</style>
</head>
<body>
<audio id="audio" preload="auto" tabindex="0" controls="" type="audio/mpeg">
<source type="audio/mp3" src="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_001.mp3">
Sorry, your browser does not support HTML5 audio.
</audio>
<div id="playlist">
<div class="active"><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_001.mp3">1</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_002.mp3">2</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_003.mp3">3</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_004.mp3">4</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_005.mp3">5</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_006.mp3">6</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_007.mp3">7</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_008.mp3">8</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_009.mp3">9</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_010.mp3">10</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_011.mp3">11</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_012.mp3">12</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_013.mp3">13</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_014.mp3">14</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_015.mp3">15</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_016.mp3">16</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_017.mp3">17</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_018.mp3">18</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_019.mp3">19</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_020.mp3">20</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_021.mp3">21</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_022.mp3">22</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_023.mp3">23</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_024.mp3">24</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_025.mp3">25</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_026.mp3">26</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_027.mp3">27</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_028.mp3">28</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_029.mp3">29</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_030.mp3">30</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_031.mp3">31</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_032.mp3">32</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_033.mp3">33</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_034.mp3">34</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_035.mp3">35</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_036.mp3">36</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_037.mp3">37</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_038.mp3">38</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_039.mp3">39</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_040.mp3">40</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_041.mp3">41</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_042.mp3">42</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_043.mp3">43</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_044.mp3">44</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_045.mp3">45</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_046.mp3">46</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_047.mp3">47</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_048.mp3">48</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_049.mp3">49</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_050.mp3">50</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_051.mp3">51</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_052.mp3">52</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_053.mp3">53</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_054.mp3">54</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_055.mp3">55</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_056.mp3">56</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_057.mp3">57</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_058.mp3">58</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_059.mp3">59</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_060.mp3">60</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_061.mp3">61</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_062.mp3">62</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_063.mp3">63</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_064.mp3">64</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_065.mp3">65</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_066.mp3">66</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_067.mp3">67</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_068.mp3">68</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_069.mp3">69</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_070.mp3">70</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_071.mp3">71</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_072.mp3">72</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_073.mp3">73</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_074.mp3">74</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_075.mp3">75</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_076.mp3">76</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_077.mp3">77</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_078.mp3">78</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_079.mp3">79</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_080.mp3">80</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_081.mp3">81</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_082.mp3">82</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_083.mp3">83</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_084.mp3">84</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_085.mp3">85</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_086.mp3">86</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_087.mp3">87</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_088.mp3">88</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_089.mp3">89</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_090.mp3">90</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_091.mp3">91</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_092.mp3">92</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_093.mp3">93</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_094.mp3">94</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_095.mp3">95</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_096.mp3">96</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_097.mp3">97</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_098.mp3">98</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_099.mp3">99</a></div>
<div><a href="http://rthk9.rthk.hk/radiodrama/mp3/5martial/2000s_0008_100.mp3">00</a></div>
</div>
<p>金庸武俠小說風靡全球、膾炙人口。其中《鹿鼎記》於1969-1972年間創作，內容引人入勝，劇中主角韋小寶更成為家傳戶曉的人物。香港電台在2000年將之改編成100集廣播劇，大受歡迎。廣播劇由陳奕迅飾演韋小寶，率領香港電台一眾DJ擔綱演出。 每集結尾的《小寶神功一分鐘》環節由劉天賜主講，介紹韋小寶在該集帶出的做人道理。</p>
<p>本劇由姚秀鈴監製，曾月娥編導。主題曲《始終我係我》由陳奕迅主唱。</p>
</body>
<script type="text/javascript">
var audio;
var playlist;
var tracks;
var current;
if (document.readyState !== 'loading' ) {
eventHandler();
} else {
document.addEventListener( 'DOMContentLoaded', eventHandler);
}
function eventHandler(){
init();
function init(){
audio = document.getElementById('audio');
playlist = document.getElementById('playlist');
current = playlist.firstElementChild;
tracks = playlist.querySelectorAll('a');
audio.volume = .10;
audio.play();
for (var link of tracks) {
link.addEventListener('click', function(e){
e.preventDefault();
var link = this;
current.classList.remove('active');
current = link.parentNode;
current.classList.add('active');
run(link, audio);
});
}
audio.addEventListener('ended',function(e){
current.classList.remove('active');
current= current.nextElementSibling;
if(current == null){
current = playlist.firstElementChild;
}
current.classList.add('active');
link = current.firstElementChild;
run(link,audio);
});
}
function run(link, player){
player.src = link.href;
audio.load();
audio.play();
}
}
</script>
</html>