-
Notifications
You must be signed in to change notification settings - Fork 533
/
vod_api.html
137 lines (126 loc) · 4.72 KB
/
vod_api.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<title>Sewise Player</title>
</head>
<body>
<div style="width: 640px; height: 352px; ">
<script type="text/javascript" src="../player/sewise.player.min.js?server=vod&type=mp4&videourl=http://jackzhang1204.github.io/materials/mov_bbb.mp4&autostart=true&starttime=0&lang=zh_CN&logo=http://onvod.sewise.com/libs/swfplayer/skin/images/logo.png&title=Vod Video&buffer=5&skin=vodWhite&fallbackurls=%7B%0A%09%22ogg%22%3A%20%22http%3A%2F%2Fjackzhang1204.github.io%2Fmaterials%2Fmov_bbb.ogg%22%2C%0A%09%22webm%22%3A%20%22http%3A%2F%2Fjackzhang1204.github.io%2Fmaterials%2Fmov_bbb.webm%22%0A%7D"></script>
</div>
<script>
//点播接口调用方法
function startPlay(){
SewisePlayer.doPlay();
}
function playPause(){
SewisePlayer.doPause();
}
function seekTo(){
SewisePlayer.doSeek(5);
}
function playStop(){
SewisePlayer.doStop();
}
function changeVolume(){
SewisePlayer.setVolume(0.1);
}
function getDuration(){
alert(SewisePlayer.duration());
}
function getPlayTime(){
alert(SewisePlayer.playTime());
}
// function switchProgram(){
// SewisePlayer.playProgram("xqfa3cZn", 0, true);
// }
function switchVideo(){
SewisePlayer.toPlay("http://media.w3.org/2010/05/sintel/trailer.mp4", "Sintel", 0, true);
}
function toFullScreen(){
SewisePlayer.fullScreen();
}
function toNoramlScreen(){
SewisePlayer.noramlScreen();
}
function getBufferProgress() {
alert(SewisePlayer.bufferProgress());
}
//播放器回调方法
function playerReady(name){
console.log("Sewise Player On Ready 1");
//SewisePlayer.toPlay("http://www.w3school.com.cn/i/movie.mp4", "title", 0, false);
}
SewisePlayer.playerReady(function(name){
console.log("Sewise Player On Ready 2");
});
function onStart(name){
console.log("onStart 1");
}
SewisePlayer.onStart(function(name){
console.log("onStart 2");
});
function onStop(name){
console.log("onStop 1");
}
SewisePlayer.onStop(function(name){
console.log("onStop 2");
});
function onMetadata(meta, name){
console.log("onMetadata 1");
}
SewisePlayer.onMetadata(function(meta, name){
console.log("onMetadata 2");
});
function onClarity(clarity, name){
console.log("onClarity 1");
}
SewisePlayer.onClarity(function(clarity, name){
console.log("onClarity 2");
});
function onPause(name){
console.log("onPause 1");
}
SewisePlayer.onPause(function(name){
console.log("onPause 2");
});
function onSeek(time, name){
console.log("onSeek 1: " + time);
}
SewisePlayer.onSeek(function(time, name){
console.log("onSeek 2: " + time);
});
function onPlayTime(time, name){
console.log("onPlayTime 1: " + time);
}
SewisePlayer.onPlayTime(function(time, name){
console.log("onPlayTime 2: " + time);
});
function onBuffer(pt, name){
console.log("onBuffer 1: " + pt);
}
SewisePlayer.onBuffer(function(pt, name){
console.log("onBuffer 2: " + pt);
});
</script>
<div style="padding-top: 20px;">
<div style="padding-right: 20px;float: left;">[点播接口]</div>
<div style="padding-right: 20px;float: left;"><a href="javascript:startPlay();">播放</a></div>
<div style="padding-right: 20px;float: left;"><a href="javascript:playPause();">暂停</a></div>
<div style="padding-right: 20px;float: left;"><a href="javascript:seekTo();">跳转</a></div>
<div style="padding-right: 20px;float: left;"><a href="javascript:playStop();">停止</a></div>
<div style="padding-right: 20px;float: left;"><a href="javascript:changeVolume();">更改音量</a></div>
<div style="padding-right: 20px;float: left;"><a href="javascript:getDuration();">获取总时长</a></div>
<div style="padding-right: 20px;float: left;"><a href="javascript:getPlayTime();">获取当前时间</a></div>
<!-- <div style="padding-right: 20px;float: left;"><a href="javascript:switchProgram();">切换节目</a></div> -->
<div style="padding-right: 20px;float: left;"><a href="javascript:switchVideo();">切换视频</a></div>
<div style="padding-right: 20px;float: left;"><a href="javascript:toFullScreen();">全屏</a></div>
<div style="padding-right: 20px;float: left;"><a href="javascript:toNoramlScreen();">普屏</a></div>
<div style="padding-right: 20px;float: left;"><a href="javascript:getBufferProgress();">缓冲进度</a></div>
<br clear="all"/>
</div>
<div style="float: left; width: 100%; padding: 10px 30px; "><a href="https://github.com/jackzhang1204/sewise-player" target="_blank">Fork it on GitHub</a></div>
</body>
</html>