-
Notifications
You must be signed in to change notification settings - Fork 0
/
test.html
57 lines (47 loc) · 1.55 KB
/
test.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1, width=device-width">
<title>test y-src-pack</title>
<script src="./medias.js"></script>
<script>
let video;
window.addEventListener('load',()=>{
if(!window.mymedias){
alert('launch command "node test" at the root directory of y-src-pack to generate sources file.');
return;
}
console.log('all bundled files:',mymedias.dir());
console.log('all bundled files:',mymedias.all());
console.log('does "img/blank.png" exists ? :',mymedias.exists("img/blank.png"));
console.log('does "img/notHere.png" exists ? :',mymedias.exists("img/notHere.png"));
let imgDir=mymedias.get('img');
document.body.style.backgroundImage='url('+imgDir.get('crepon_00.jpg')+')';
document.body.appendChild(mymedias.get('img/lap1.jpg').img);
document.querySelector('textarea').value=mymedias.get('js/test.js').text;
video=mymedias.get('video/production ID_3813820.webm').video;
video.controls=1;
document.body.appendChild(video);
});
var playaudio=()=>{
mymedias.get('audio/AC_12Str85A-03.mp3').audio.play();
};
var playvideo=()=>{
video.play();
};
</script>
<style>
img,video,textarea{
display:block;
}
</style>
</head>
<body>
text file content :
<textarea cols="62" rows="9"></textarea>
<hr/>
<button onclick="playaudio()">play audio</button>
<button onclick="playvideo()">play video</button>
</body>
</html>