File tree Expand file tree Collapse file tree 2 files changed +6
-27
lines changed Expand file tree Collapse file tree 2 files changed +6
-27
lines changed Original file line number Diff line number Diff line change
1
+ import MediaPlayer from './mediaPlayer.js' ;
2
+
1
3
const video = document . querySelector ( 'video' ) ;
2
4
const button = document . querySelector ( 'button' ) ;
3
5
6
+ const player = new MediaPlayer ( { el : video } ) ;
7
+
4
8
/*
5
9
// Funciona, pero no es muy extensible
6
10
button.onclick = () => video.play();
7
11
// Por eso desarrollamos una clase (obj en js) MediaPlayer
8
- */
9
-
10
- function MediaPlayer ( config ) {
11
- this . media = config . el ;
12
- }
13
-
14
- MediaPlayer . prototype . play = function ( ) {
15
- this . media . play ( ) ;
16
- } ;
17
-
18
- MediaPlayer . prototype . pause = function ( ) {
19
- this . media . pause ( ) ;
20
- } ;
21
-
22
- /*
23
- MediaPlayer.prototype.togglePlay = function() {
24
- if (this.media.paused) {
25
- this.play();
26
- } else {
27
- this.pause();
28
- }
29
- };
30
12
31
13
button.onclick = () => player.togglePlay();
32
14
*/
33
15
34
- const player = new MediaPlayer ( { el : video } ) ;
35
-
36
-
37
16
button . onclick = ( ) => {
38
- player . media . paused ? player . play ( ) : player . pause ( )
17
+ player . media . paused ? player . play ( ) : player . pause ( )
39
18
}
Original file line number Diff line number Diff line change @@ -22,6 +22,6 @@ <h1>MediPlayer.js</h1>
22
22
< button > Play/Pause</ button >
23
23
</ main >
24
24
25
- < script src ="./assets/script.js "> </ script >
25
+ < script type =" module " src ="./assets/script.js "> </ script >
26
26
</ body >
27
27
</ html >
You can’t perform that action at this time.
0 commit comments