1
- < HTML >
2
-
3
- < HEAD >
4
- < TITLE >
5
- EasyPlayer Plugin Example
6
- </ TITLE >
7
- < script type ="text/javascript ">
8
-
9
-
10
-
11
- function config ( ) {
12
- var obj = document . getElementById ( "EasyPlayerOcx" ) ;
13
-
14
- var cache = document . getElementById ( "cache" ) . value ;
15
- var playsound = document . getElementById ( "playsound" ) . checked ? 1 : 0 ;
16
- var showtoscale = document . getElementById ( "showtoscale" ) . checked ? 1 : 0 ;
17
- var showsatic = document . getElementById ( "showsatic" ) . checked ? 1 : 0 ;
18
-
19
- obj . Config ( cache , playsound , showtoscale , showsatic ) ;
20
- obj . SetOSD ( 1 , 255 , 0 , 0 , 255 , 100 , 100 , 1000 , 150 , "EasyPlayer-RTSP OSD测试" ) ;
21
-
22
- //alert(cache+";"+playsound+";"+showtoscale+";"+showsatic);
23
-
24
- }
25
-
26
- function startplay ( ) {
27
- var obj = document . getElementById ( "EasyPlayerOcx" ) ;
28
- var url = document . getElementById ( "url" ) . value ;
29
- var rendertype = document . getElementById ( "rendertype" ) . checked ? 1 : 0 ;
30
- var name = document . getElementById ( "name" ) . value ;
31
- var password = document . getElementById ( "password" ) . value ;
32
- var harddecode = document . getElementById ( "harddecode" ) . checked ? 1 : 0 ;
33
- var rtpovertcp = document . getElementById ( "rtpovertcp" ) . checked ? 1 : 0 ;
34
- obj . Start ( url , rendertype , name , password , harddecode , rtpovertcp ) ;
35
- config ( ) ;
36
-
37
- //alert(url+";"+rendertype+";"+name+";"+password);
38
-
39
- }
40
-
41
- function stopplay ( ) {
42
- //alert("Close()!!!!!");
43
- var obj = document . getElementById ( "EasyPlayerOcx" ) ;
44
-
45
- obj . Close ( ) ;
46
- }
47
-
48
- </ script >
49
- < style >
50
- input [type = range ] {
51
- border-radius : 10px ;
52
- border : none;
53
- margin-top : 0 ;
54
- }
55
-
56
- input [type = range ]::-ms-track {
57
- border-radius : 10px ;
58
- border-color : transparent;
59
- color : transparent;
60
- }
61
-
62
- input [type = range ]::-ms-thumb {
63
- border : solid 0.125em rgba (205 , 224 , 230 , 0.5 );
64
- height : 10px ;
65
- width : 25px ;
66
- background : # f0f0f0 ;
67
- box-shadow : 0 .125em .125em # 3b4547 ;
68
- }
69
-
70
- input [type = range ]::-ms-fill-lower {
71
- border-radius : 10px ;
72
- background : linear-gradient (to right, # 059CFA, white 100% , white);
73
- }
74
-
75
- input [type = range ]::-ms-fill-upper {
76
- border-radius : 10px ;
77
- background : # ffffff ;
78
- }
79
-
80
- input [type = range ]: focus ::-ms-fill-lower {
81
- background : linear-gradient (to right, # 059CFA, white 100% , white);
82
- }
83
-
84
- input [type = range ]: focus ::-ms-fill-upper {
85
- background : # ffffff ;
86
- }
87
-
88
- .buttons {
89
- padding-top : 10px ;
90
- position : relative;
91
- height : 35px ;
92
- }
93
-
94
- button {
95
- color : # 333 ;
96
- background-color : # fff ;
97
- border-color : # ccc ;
98
- display : inline-block;
99
- padding : 6px 12px ;
100
- margin-bottom : 0 ;
101
- font-size : 12px ;
102
- font-weight : 400 ;
103
- line-height : 1.42857143 ;
104
- text-align : center;
105
- white-space : nowrap;
106
- vertical-align : middle;
107
- touch-action : manipulation;
108
- cursor : pointer;
109
- user-select : none;
110
- background-image : none;
111
- border : 1px solid # ccc ;
112
- border-radius : 4px ;
113
- width : 65px ;
114
- height : 35px ;
115
- position : absolute;
116
- bottom : 0px ;
117
- left : 50% ;
118
- }
119
-
120
- .start {
121
- background : # 286090 ;
122
- color : # fff ;
123
- margin-left : -85px ;
124
- }
125
-
126
- .stop {
127
- background : # e6e6e6 ;
128
- color : # 000 ;
129
- margin-left : 0px ;
130
- }
131
- </ style >
132
- </ HEAD >
1
+ < HTML >
2
+ < HEAD >
3
+ < TITLE > EasyPlayer</ TITLE >
4
+ < script type ="text/javascript ">
133
5
134
- < BODY >
135
- < center >
136
- < p > </ p >
137
-
138
-
139
- < OBJECT ID ="EasyPlayerOcx " WIDTH ="1280px " HEIGHT ="600px " CLASSID ="CLSID:1EE1C648-F4A9-42F9-9AA7-2C8E3AF7B7FD ">
140
-
141
- </ OBJECT >
142
-
143
- < br > < br >
144
- RTSP URL:
145
- < input type ="text " name ="url " id ="url " size =128 VALUE ="rtsp://184.72.239.149/vod/mp4://BigBuckBunny_175k.mov " />
146
- < br > < br >
147
-
148
-
149
- 用户名:
150
- < input type ="text " name ="name " id ="name " size =25 value ="" /> 密码:
151
- < input type ="text " name ="password " id ="password " size =25 value ="" />
152
- < br >
153
-
154
- 缓存:
155
- < input type ="range " max ="10 " min ="1 " name ="cache " id ="cache " size =25 value ="3 " />
156
-
157
- RenderFormat:
158
- < input type ="range " max ="7 " min ="1 " name ="rendertype " id ="rendertype " VALUE ="0 " />
159
- < br >
160
- RTP Over TCP:
161
- < input type ="checkbox " name ="rtpovertcp " id ="rtpovertcp " size =25 checked ="checked " />
162
-
163
- 播放声音:
164
- < input type ="checkbox " name ="playsound " id ="playsound " size =25 value ="1 " checked ="checked "/>
165
-
166
- 采用硬解码:
167
- < input type ="checkbox " name ="harddecode " id ="harddecode " size =25 value ="1 " checked ="checked "/>
168
-
169
- 按比例显示:
170
- < input type ="checkbox " name ="showtoscale " id ="showtoscale " size =25 value ="1 " checked ="checked " />
171
-
172
- 显示码率信息:
173
- < input type ="checkbox " name ="showsatic " id ="showsatic " size =25 value ="1 " checked ="checked " />
174
- < br >
175
- < div class ="buttons ">
176
- < button class ="start " type ="button " onclick ="startplay(); "> Start</ button >
177
- < button class ="stop " type ="button " onclick ="stopplay(); "> Stop</ button >
178
- </ div >
179
-
180
- </ center >
181
- </ BODY >
6
+
7
+
8
+ function config ( ) {
9
+ var obj = document . getElementById ( "EasyPlayerOcx" ) ;
10
+
11
+ var cache = document . getElementById ( "cache" ) . value ;
12
+ var playsound = document . getElementById ( "playsound" ) . value ;
13
+ var showtoscale = document . getElementById ( "showtoscale" ) . value ;
14
+ var showsatic = document . getElementById ( "showsatic" ) . value ;
15
+
16
+ obj . Config ( cache , playsound , showtoscale , showsatic ) ;
17
+ obj . SetOSD ( 1 , 255 , 0 , 0 , 255 , 100 , 100 , 1000 , 150 , "EasyPlayer-RTSP OSD测试" ) ;
18
+
19
+ //alert(cache+";"+playsound+";"+showtoscale+";"+showsatic);
20
+
21
+ }
22
+
23
+ function startplay ( ) {
24
+ var obj = document . getElementById ( "EasyPlayerOcx" ) ;
25
+ var url = document . getElementById ( "url" ) . value ;
26
+ var rendertype = document . getElementById ( "rendertype" ) . value ;
27
+ var name = document . getElementById ( "name" ) . value ;
28
+ var password = document . getElementById ( "password" ) . value ;
29
+ var harddecode = document . getElementById ( "harddecode" ) . value ;
30
+ var rtpovertcp = document . getElementById ( "rtpovertcp" ) . value ;
31
+
32
+ obj . Start ( url , rendertype , name , password , harddecode , rtpovertcp ) ;
33
+ config ( ) ;
34
+
35
+ //alert(url+";"+rendertype+";"+name+";"+password);
36
+
37
+ }
38
+
39
+ function stopplay ( ) {
40
+ //alert("Close()!!!!!");
41
+ var obj = document . getElementById ( "EasyPlayerOcx" ) ;
42
+
43
+ obj . Close ( ) ;
44
+ }
182
45
183
- </ HTML >
46
+ </ script >
47
+ </ HEAD >
48
+
49
+ < BODY >
50
+ < center >
51
+ EasyPlayer Plugin Example
52
+ < p > </ p >
53
+
54
+
55
+ < OBJECT ID ="EasyPlayerOcx " WIDTH =100% HEIGHT =100%
56
+ CLASSID ="CLSID:1EE1C648-F4A9-42F9-9AA7-2C8E3AF7B7FD ">
57
+
58
+ </ OBJECT >
59
+
60
+ 界面信息< br >
61
+ RTSP URL:< input type ="text " name ="url " id ="url " VALUE ="rtsp://127.0.0.1:554/stream0.sdp "/>
62
+ RenderFormat:< input type ="text " name ="rendertype " id ="rendertype " VALUE ="0 "/>
63
+ 用户名:< input type ="text " name ="name " id ="name " size =25 value =""/>
64
+ 密码:< input type ="text " name ="password " id ="password " size =25 value =""/>
65
+ 采用硬解码:< input type ="text " name ="harddecode " id ="harddecode " size =25 value ="1 "/>
66
+ rtpovertcp:< input type ="text " name ="rtpovertcp " id ="rtpovertcp " size =25 value ="1 "/>
67
+ < br >
68
+ 缓存:< input type ="text " name ="cache " id ="cache " size =25 value ="3 "/>
69
+ 播放声音:< input type ="text " name ="playsound " id ="playsound " size =25 value ="1 "/>
70
+ 按比例显示:< input type ="text " name ="showtoscale " id ="showtoscale " size =25 value ="1 "/>
71
+ 显示码率信息:< input type ="text " name ="showsatic " id ="showsatic " size =25 value ="1 "/> < br >
72
+
73
+
74
+ < button type ="button " onclick ="startplay(); "> Start</ button >
75
+ < button type ="button " onclick ="stopplay(); "> Stop</ button >
76
+
77
+ </ center >
78
+ </ BODY >
79
+ </ HTML >
0 commit comments