· 5 years ago · May 11, 2020, 06:24 PM
1<html>
2
3 <head>
4 <meta name="viewport" content="width=320,maximum-scale=1.3,user-scalable=no">
5 <title>Custom JSAPI Plugin</title>
6
7 <script type="text/javascript">
8
9 function getAppVersion() {
10 AlipayJSBridge.call('getAppVersion', {
11 file_name : 'dummyFile'
12 },
13 function(result) {
14 console.log(result)
15 var appInfo = document.querySelector('#appInfo');
16 appInfo.innerHTML = JSON.stringify(result);
17 });
18 }
19
20 function showToast() {
21 AlipayJSBridge.call('paytmToast', {
22 message : document.getElementById("toastMessage").value,
23 isShort : true
24 },
25 function(result) {
26 console.log(JSON.stringify(result))
27 });
28 }
29
30 function checkPermission() {
31 AlipayJSBridge.call('paytmPayment', {
32 amount: '1',
33 orderId: 'OrderTest945126196',
34 txnToken: '5fc9cae85dab4145b7b0057271fcb1691585749199920',
35 mid: 'AliSub58582630351896'
36
37 },
38 function(result) {
39
40 console.log("Result",result);
41
42 });
43 }
44
45 function requestPermission() {
46 AlipayJSBridge.call('paytmGetAppInfo', {
47 permission : document.getElementById("permissionToRequest").value
48 },
49 function(result) {
50 alert(JSON.stringify(result));
51 var permissionResult = document.querySelector('#permissionReuestResult');
52 permissionResult.innerHTML = JSON.stringify(result);
53 });
54 }
55
56 function getSharedData() {
57 JSBridge.call('paytmGetData', {
58 keys: ['Fruit'],
59 },
60 function(result) {
61 console.log(JSON.stringify(result))
62 var getResult = document.querySelector('#spKeyGetResult');
63 getResult.innerHTML = JSON.stringify(result);
64 });
65 }
66
67 function setSharedData() {
68 var key1 = document.getElementById("spKey").value
69 var value = document.getElementById("spValue").value
70
71 Obj = {};
72 Obj[key1] = value
73
74 AlipayJSBridge.call('paytmSaveData', {
75 data: Obj,
76 fileName : 'dummyFile'
77 },
78 function(result) {
79 console.log(JSON.stringify(result))
80 var setResult = document.querySelector('#spKeySetResult');
81 setResult.innerHTML = JSON.stringify(result);
82 });
83 }
84
85 function removeSharedData() {
86 var key = document.getElementById("spKeyToRemove").value
87 var keyArray = key.split(',');
88 AlipayJSBridge.call('paytmRemoveData', {
89 keys: keyArray,
90 fileName : 'dummyFile'
91 },
92 function(result) {
93 console.log(JSON.stringify(result))
94 var getResult = document.querySelector('#spKeyRemoveResult');
95 getResult.innerHTML = JSON.stringify(result);
96 });
97 }
98
99 function checkApi() {
100 AlipayJSBridge.call('checkJSAPI', {
101 api: 'addNotifyListener'
102 },
103 function(result) {
104 console.log(JSON.stringify(result))
105 });
106 }
107
108 function login() {
109
110 AlipayJSBridge.call('paytmLogin', {
111 requestCode: 567,
112 extra1 : "1",
113 extra2 : "2",
114 },
115 function(result) {
116 var getResult = document.querySelector('#login');
117 getResult.innerHTML = JSON.stringify(result);
118 console.log(JSON.stringify(result))
119 });
120 }
121
122 function openGallery() {
123 AlipayJSBridge.call('paytmOpenGallery', {
124 requestCode : 123,
125 type : "image",
126 title : "My Title"
127 },
128 function(result) {
129 // document.getElementById("galleryImage").src = 'data:image/png;base64,' + result;
130 alert(JSON.stringify(result))
131 });
132 }
133
134 function openFileExplorer() {
135 AlipayJSBridge.call('paytmPickFile', {
136 requestCode : 123,
137 extensionsAllowed : ["png", "jpg", "jpeg", "apk"],
138 maxLengthPerFile : 61849698,
139 maxNumberOfFiles : 3,
140 title : "My Title"
141 },
142 function(result) {
143 console.log(JSON.stringify(result))
144
145 var getResult = document.querySelector('#openFileExplorer');
146 getResult.innerHTML = "";
147
148 var i;
149 var data = result.data;
150 for (i = 0; i < data.length; i++) {
151 if(data[i].errorCode){
152 getResult.innerHTML += JSON.stringify(data[i]);
153 }else{
154 getResult.innerHTML += JSON.stringify(data[i].meta);
155 }
156
157 getResult.innerHTML += "<br />";
158 }
159 });
160 }
161
162 function shareText() {
163 AlipayJSBridge.call('paytmShareText', {
164 title : "My Title",
165 subject : "My Subject",
166 text : "My Text"
167 },
168 function(result) {
169 alert.log(JSON.stringify(result))
170 });
171 }
172
173 function shareImage() {
174 AlipayJSBridge.call('paytmShareTextAndImage', {
175 title : "My Title",
176 subject : "My Subject",
177 text : "My Text"
178 // image : "iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAxElEQVRYR+2X0Q2DMAxEz5N1lXYyummqtiEQx6hwtYmQkn/rPR3ORQg6H+nMx7UFEnAHcBPgwSZJJ5DhUwY/tUQC0lpKYKdNCSj4zKkkwgQ24I1EiMAPeCXhLrATXiTwXdBy/tqBg3DzQtACHvC3ESXgBacEPOGHBbzhW2WVxeqdCYKbZdUIBMNNiVLFJ8EbiY/AyfBKQjrBFwnd2ey7zs41z3G0kG7EIXDdBPS33Ls7bjswBEYCYQmwlcrOUX9GLMyaewEX41S9u/aRnAAAAABJRU5ErkJggg=="
179 },
180 function(result) {
181 console.log(JSON.stringify(result))
182 });
183 }
184
185 function takePicture() {
186 AlipayJSBridge.call('paytmCaptureImageFromCamera', {
187 requestCode : 124,
188 title : "My Title"
189 },
190 function(result) {
191 console.log(JSON.stringify(result.data))
192
193 });
194 }
195
196 function getDeviceManufacture() {
197 AlipayJSBridge.call('paytmDeviceManufacturer', {
198 },
199 function(result) {
200 var getResult = document.querySelector('#deviceManufacture');
201 getResult.innerHTML = JSON.stringify(result);
202 alert(JSON.stringify(result))
203 console.log(JSON.stringify(result))
204 });
205 }
206
207 function getDeviceName() {
208 AlipayJSBridge.call('paytmDeviceName', {
209 },
210 function(result) {
211 var getResult = document.querySelector('#deviceName');
212 getResult.innerHTML = JSON.stringify(result);
213 console.log(JSON.stringify(result))
214 });
215 }
216
217 function getDeviceLocale() {
218 AlipayJSBridge.call('paytmDeviceLocale', {
219 },
220 function(result) {
221 var getResult = document.querySelector('#deviceLocale');
222 getResult.innerHTML = JSON.stringify(result);
223 console.log(JSON.stringify(result))
224 });
225 }
226
227 function getDeviceNetworkType() {
228 AlipayJSBridge.call('paytmNetworkType', {
229 },
230 function(result) {
231 var getResult = document.querySelector('#deviceNetworkType');
232 getResult.innerHTML = JSON.stringify(result);
233 console.log(JSON.stringify(result))
234 });
235 }
236
237 function getDeviceImei() {
238 AlipayJSBridge.call('paytmDeviceImei', {
239 },
240 function(result) {
241 var getResult = document.querySelector('#deviceImei');
242 getResult.innerHTML = JSON.stringify(result);
243 console.log(JSON.stringify(result))
244 });
245 }
246
247 function getOsVersion() {
248 AlipayJSBridge.call('paytmOsVersion', {
249 },
250 function(result) {
251 var getResult = document.querySelector('#osVersion');
252 getResult.innerHTML = JSON.stringify(result);
253 console.log(JSON.stringify(result))
254 });
255 }
256
257 function isPlayStoreInstall() {
258 AlipayJSBridge.call('paytmIsPlaystoreInstall', {
259 },
260 function(result) {
261 var getResult = document.querySelector('#isPlayStoreInstall');
262 getResult.innerHTML = JSON.stringify(result);
263 console.log(JSON.stringify(result))
264 });
265 }
266
267 function getDeviceData() {
268 AlipayJSBridge.call('paytmDeviceData', {
269 },
270 function(result) {
271 var getResult = document.querySelector('#getDeviceData');
272 getResult.innerHTML = JSON.stringify(result);
273 console.log(JSON.stringify(result))
274 });
275 }
276
277 function navigateTo() {
278 AlipayJSBridge.call('paytmNavigateTo', {
279 navigateTo : "eventsPsPage",
280 clearBackStack : false,
281 finishThis : false,
282 data : {
283 page_name : "https://appcdn.paytm.com/entertainment/events/weex/debug/v1/event_svg_selection.js",
284 index : 0,
285 data : ''
286 }
287 },
288 function(result) {
289 var getResult = document.querySelector('#navigateTo');
290 getResult.innerHTML = JSON.stringify(result);
291 console.log(JSON.stringify(result))
292 });
293 }
294
295 function navigateToPayment() {
296 AlipayJSBridge.call('paytmNavigateTo', {
297 navigateTo : "paymentGatewayPage",
298 clearBackStack : false,
299 finishThis : false,
300 data : {
301 totalPrice : "5500.00",
302 data : "{\"native_withdraw\":\"1\",\"native_withdraw_details\":{\"txnToken\":\"a30b6687765e41bd9f663a98e042694c1560332599655\",\"authenticated\":true},\"ORDER_ID\":8483968651,\"MID\":\"PayEnt06099078339531\",\"TXN_AMOUNT\":5500,\"TOKEN_TYPE\":\"OAUTH\",\"THEME\":\"paytmAppLow\",\"status\":\"SUCCESS\",\"message\":\"Please wait while we process your transaction...\",\"hitPG\":\"Yes\"}"
303
304 }
305 },
306 function(result) {
307 var getResult = document.querySelector('#navigateToPayment');
308 getResult.innerHTML = JSON.stringify(result);
309 console.log(JSON.stringify(result))
310 });
311 }
312
313
314 function getLocation() {
315 AlipayJSBridge.call('paytmGetLocation', {
316 },
317 function(result) {
318 var getResult = document.querySelector('#getLocation');
319 getResult.innerHTML = JSON.stringify(result);
320 console.log(JSON.stringify(result))
321 });
322 }
323
324 function getAddress() {
325 AlipayJSBridge.call('paytmGetAddress', {
326 latitude : 28.5987878,
327 longitude : 77.3122002
328 },
329 function(result) {
330 var getResult = document.querySelector('#getAddress');
331 getResult.innerHTML = JSON.stringify(result);
332 console.log(JSON.stringify(result))
333 });
334 }
335
336 function popToHome() {
337 AlipayJSBridge.call('popToHome', {},
338 function(result) {
339
340 console.log(JSON.stringify(result))
341 });
342 }
343
344 function downloadFile() {
345 AlipayJSBridge.call('paytmDownloadFile', {'fileName': 'rand_f.pdf', 'useExternalStorage': 'true', 'fileDownloadUrl': 'http://www.africau.edu/images/default/sample.pdf'},
346
347 function(result) {
348 var getResult = document.querySelector('#downloadFile');
349 getResult.innerHTML = JSON.stringify(result);
350 console.log(JSON.stringify(result))
351 });
352 }
353
354 function getFilePath() {
355 AlipayJSBridge.call('paytmGetFilePath', {'fileName': 'rand_f.pdf', 'useExternalStorage': 'true'},
356 function(result) {
357 var getResult = document.querySelector('#getFilePath');
358 getResult.innerHTML = JSON.stringify(result);
359 console.log(JSON.stringify(result))
360 });
361 }
362
363 function removeFile() {
364 AlipayJSBridge.call('paytmRemoveFile', {'fileName': 'rand_f.pdf', 'useExternalStorage': 'true'},
365 function(result) {
366 var getResult = document.querySelector('#removeFile');
367 getResult.innerHTML = JSON.stringify(result);
368 console.log(JSON.stringify(result))
369 });
370 }
371
372 function timeFunction() {
373
374 }
375
376 function getData() {
377 AlipayJSBridge.call('paytmFetchValuesForKeys', {
378 keys:['ssoToken', 'name', 'number', 'bool', 'block']
379 },
380 function(result) {
381 var getResult = document.querySelector('#getData');
382 getResult.innerHTML = JSON.stringify(result);
383 console.log(JSON.stringify(result))
384
385 });
386 }
387
388 function getOnDeviceAuth() {
389 AlipayJSBridge.call('paytmAuthenticateOnDevice', {
390 },
391 function(result) {
392 var getResult = document.querySelector('#getOnDeviceAuth');
393 getResult.innerHTML = JSON.stringify(result);
394 console.log(JSON.stringify(result))
395 });
396 }
397
398 function getAppVersion() {
399 AlipayJSBridge.call('paytmAppVersion', {
400 },
401 function(result) {
402 var getResult = document.querySelector('#getAppVersion');
403 getResult.innerHTML = JSON.stringify(result);
404 console.log(JSON.stringify(result))
405 });
406 }
407
408 function getH5Version() {
409 AlipayJSBridge.call('paytmH5Version', {
410 },
411 function(result) {
412 var getResult = document.querySelector('#getH5Version');
413 getResult.innerHTML = JSON.stringify(result);
414 console.log(JSON.stringify(result))
415 });
416 }
417
418 function getAppInfo() {
419 AlipayJSBridge.call('paytmGetAppInfo', {
420 },
421 function(result) {
422 var getResult = document.querySelector('#getAppInfo');
423 getResult.innerHTML = JSON.stringify(result);
424 console.log(JSON.stringify(result))
425 });
426 }
427
428 function playVideo() {
429 AlipayJSBridge.call('paytmPlayVideoFullscreen', {
430 'videoUrl' : 'https://www.youtube.com/embed/gW2LtX1217s',
431 'title': 'My Title',
432 'orientation' : 'portrait' //portrait or landscape
433 },
434 function(result) {
435 var getResult = document.querySelector('#playVideo');
436 getResult.innerHTML = JSON.stringify(result);
437 console.log(JSON.stringify(result))
438 });
439 }
440
441 function changeSetting() {
442 AlipayJSBridge.call('paytmChangeWebSetting', {
443 'mediaPlaybackRequiresUserGesture' : true
444 },
445 function(result) {
446 var getResult = document.querySelector('#changeSetting');
447 getResult.innerHTML = JSON.stringify(result);
448 console.log(JSON.stringify(result))
449 });
450 }
451
452 function changeStatusBarColor() {
453 AlipayJSBridge.call('paytmChangeStatusBarColor', {
454 'color' : "#ff0000"
455 },
456 function(result) {
457 var getResult = document.querySelector('#changeStatusBarColor');
458 getResult.innerHTML = JSON.stringify(result);
459 console.log(JSON.stringify(result))
460 });
461 }
462
463 function showTitleBar() {
464 AlipayJSBridge.call('paytmShowTitleBar', {
465 'value' : true
466 },
467 function(result) {
468 var getResult = document.querySelector('#showTitleBar');
469 getResult.innerHTML = JSON.stringify(result);
470 console.log(JSON.stringify(result))
471 });
472 }
473
474 function hideTitleBar() {
475 AlipayJSBridge.call('paytmFetchPartnersAppData', {
476 },
477 function(result) {
478 var getResult = document.querySelector('#hideTitleBar');
479 getResult.innerHTML = JSON.stringify(result);
480 alert(JSON.stringify(result))
481 });
482 }
483
484 function paytmPushWindow() {
485 AlipayJSBridge.call('paytmPushWindow', {
486 appId: 'mall',
487 url: '',
488 param: {
489 showTitleBar: false,
490 pullRefresh: true,
491 defaultTitle: "Welcome!"
492 }
493 });
494 }
495
496 function openPaymentPage() {
497 AlipayJSBridge.call('paytmPayment', {
498 amount: "3",
499 orderId: "0071571058680996",
500 txnToken: "6c78e57aa7594ca086a4f2738b92c2751571058680892",
501 mid: "WKCrjF56740028221174"
502
503 },
504 function(result) {
505 var getResult = document.querySelector('#openPaymentPage');
506 getResult.innerHTML = JSON.stringify(result);
507 alert(JSON.stringify(result))
508 });
509 }
510
511 function httpRequest() {
512 AlipayJSBridge.call('httpRequest', {
513 url : "https://reqres.in/api/users",
514 method : "GET",
515 data : "{\r\n \"name\": \"morpheus\",\r\n \"job\": \"leader\"\r\n}",
516 header : {
517 "key1" : "value1",
518 "key2" : "value2"
519 }
520 },
521 // AlipayJSBridge.call('httpRequest', {
522 // url : "https://httpbin.org/post",
523 // method : "POST",
524 // data : "{\"name\":\"morpheus\",\"job\":\"leader\"}",
525 // headers : {"Content-Type":"application/json",
526 // "key1":"value1"}
527 // },
528 function(result) {
529 var getResult = document.querySelector('#httpRequest');
530 getResult.innerHTML = JSON.stringify(result.data);
531 alert(JSON.stringify(result.data))
532 });
533 }
534
535 </script>
536
537 <style type="text/css">
538 .container {
539 display: flex;
540 flex-direction: column;
541 }
542
543 .container2 {
544 display: flex;
545 flex-direction: row;
546 }
547
548 .btn {
549 height: 30px;
550 color: white;
551 background: #1f90e6;
552 border: none;
553 outline: none;
554 font-size: 15px;
555 border-radius: 10px;
556 }
557
558 .btn:active {
559 background: #2e80d5;
560 }
561
562 .code {
563 margin: 10px;
564 border: #eaebec;
565 padding: 5px;
566 background: #eee;
567 color: #517794;
568 font-weight: bold;
569 font-size: 12px;
570 font-family: 'Courier New';
571 }
572
573
574
575
576
577
578 </style>
579 <title>This is my title!!!!!!</title>
580 </head>
581
582 <body onload="timeFunction()">
583 <div class="container">
584 <!--<script>-->
585 <!--document.addEventListener('back', function(e) {-->
586 <!--e.preventDefault();-->
587 <!--console.log("Back button cliked from PaytmH5 page")-->
588 <!--}, false);-->
589 <!--</script>-->
590 <div class="container2">
591 <textarea id="toastMessage"></textarea>
592 <button class="btn" onclick="showToast()">Show Toast</button>
593 </div>
594
595 <div class="container2">
596 <textarea id="permissionToCheck"></textarea>
597 <button class="btn" onclick="checkPermission()">Add Money</button>
598 </div>
599
600 <div class="container2">
601 <h4>Permission Check result: </h4>
602 <h5 id="permissionCheckResult"></h5>
603 </div>
604
605 <div class="container2">
606 <textarea id="permissionToRequest"></textarea>
607 <button class="btn" onclick="requestPermission()">Request permission</button>
608 </div>
609
610 <video src="https://s3-ap-southeast-1.amazonaws.com/assets.paytm.com/paytm-cst/Video_paytm_metro_card_recharge_v6_20_sept_2018.mp4" width="100%" height="90"controls>
611 </video>
612
613 <div class="container2">
614 <h4>Permission Request result: </h4>
615 <h5 id="permissionReuestResult"></h5>
616 </div>
617
618
619 <h3>Shared preference:</h3>
620 <h4>Set: </h4>
621 <div class="container2">
622 <textarea id="spKey"></textarea>
623 <textarea id="spValue"></textarea>
624 <button class="btn" onclick="setSharedData()">Set</button>
625 </div>
626 <div class="container2">
627 <h5>Result: </h5>
628 <h5 id="spKeySetResult"></h5>
629 </div>
630
631
632 <br/>
633 <br/>
634 <h4>Get: </h4>
635 <div class="container2">
636 <textarea id="spKeyToGet"></textarea>
637 <button class="btn" onclick="getSharedData()">Get</button>
638 </div>
639 <div class="container2">
640 <h5>Result: </h5>
641 <h5 id="spKeyGetResult"></h5>
642 </div>
643
644
645 <br/>
646 <br/>
647 <h4>Remove: </h4>
648 <div class="container2">
649 <textarea id="spKeyToRemove"></textarea>
650 <button class="btn" onclick="removeSharedData()">Remove</button>
651 </div>
652 <div class="container2">
653 <h5>Result: </h5>
654 <h5 id="spKeyRemoveResult"></h5>
655 </div>
656 <button class="btn" onclick="checkApi()">Check Api</button>
657 <p id="apiAvailable"></p>
658
659 <br/>
660 <br/>
661 <button class="btn" onclick="login()">Login</button>
662 <p id="login"></p>
663
664 <br/>
665 <br/>
666 <button class="btn" onclick="openGallery()">Open Gallery</button>
667 <p id="galleryResult"></p>
668
669 <br/>
670 <br/>
671 <button class="btn" onclick="openFileExplorer()">Open File Explorer</button>
672 <p id="openFileExplorer"></p>
673
674 <br/>
675 <br/>
676 <button class="btn" onclick="shareText()">Share text</button>
677
678 <br/>
679 <br/>
680 <button class="btn" onclick="shareImage()">Share Image</button>
681
682 <br/>
683 <br/>
684 <button class="btn" onclick="takePicture()">Take Picture</button>
685 <img id="galleryImage"
686 src="/storage/emulated/0/Android/data/net.one97.paytm.h5/files/Pictures/JPEG_20190423_170629_5512075260714746699.jpg"
687 alt="Picked image" height="150" width="100">
688
689
690 <br/>
691 <br/>
692 <button class="btn" onclick="getDeviceManufacture()">DEVICE MANUFACTURER</button>
693 <p id="deviceManufacture"></p>
694
695 <br/>
696 <br/>
697 <button class="btn" onclick="getDeviceName()">DEVICE NAME</button>
698 <p id="deviceName"></p>
699
700 <br/>
701 <br/>
702 <button class="btn" onclick="getDeviceLocale()">DEVICE LOCALE</button>
703 <p id="deviceLocale"></p>
704
705 <br/>
706 <br/>
707 <button class="btn" onclick="getDeviceNetworkType()">DEVICE NETWORK TYPE</button>
708 <p id="deviceNetworkType"></p>
709
710 <br/>
711 <br/>
712 <button class="btn" onclick="getDeviceImei()">DEVICE IMEI</button>
713 <p id="deviceImei"></p>
714
715 <br/>
716 <br/>
717 <button class="btn" onclick="getOsVersion()">OS VERSION</button>
718 <p id="osVersion"></p>
719
720 <br/>
721 <br/>
722 <button class="btn" onclick="isPlayStoreInstall()">is Playstore installed</button>
723 <p id="isPlayStoreInstall"></p>
724
725 <br/>
726 <br/>
727 <button class="btn" onclick="getDeviceData()">ALL DEVICE DATA</button>
728 <p id="getDeviceData"></p>
729
730 <br/>
731 <br/>
732 <button class="btn" onclick="navigateTo()">Navigate To Ps Page</button>
733 <p id="navigateTo"></p>
734
735 <br/>
736 <br/>
737 <button class="btn" onclick="navigateToPayment()">Navigate To Payment gateway Page</button>
738 <p id="navigateToPayment"></p>
739
740 <br/>
741 <br/>
742 <button class="btn" onclick="getLocation()">Get Location</button>
743 <p id="getLocation"></p>
744
745 <br/>
746 <br/>
747 <button class="btn" onclick="getAddress()">Get Address</button>
748 <p id="getAddress"></p>
749
750 <br/>
751 <br/>
752 <button class="btn" onclick="downloadFile()">Download file</button>
753 <p id="downloadFile"></p>
754
755 <br/>
756 <br/>
757 <button class="btn" onclick="getFilePath()">Get filepath</button>
758 <p id="getFilePath"></p>
759
760 <br/>
761 <br/>
762 <button class="btn" onclick="removeFile()">Remove file</button>
763 <p id="removeFile"></p>
764
765 <br/>
766 <br/>
767 <a href="page2.html">Open next H5 page</a>
768
769 <br/>
770 <br/>
771 <button class="btn" onclick="getData()">Get Data</button>
772 <p id="getData"></p>
773
774 <br/>
775 <br/>
776 <button class="btn" onclick="getOnDeviceAuth()">On Device Authentication</button>
777 <p id="getOnDeviceAuth"></p>
778
779 <br/>
780 <br/>
781 <button class="btn" onclick="getH5Version()">Get H5 version</button>
782 <p id="getH5Version"></p>
783
784 <br/>
785 <br/>
786 <button class="btn" onclick="getAppVersion()">Get App Version</button>
787 <p id="getAppVersion"></p>
788
789 <br/>
790 <br/>
791 <video width="320" height="240" controls>
792 <source src="https://media.video-origin.espn.com/espnvideo/2019/0620/dm_190620_2006_Zest/dm_190620_2006_Zest.mp4" type="video/mp4">
793 Your browser does not support the video tag.
794 </video>
795
796 <br/>
797 <br/>
798 <button class="btn" onclick="getAppInfo()">Get App Info</button>
799 <p id="getAppInfo"></p>
800
801 <br/>
802 <br/>
803 <button class="btn" onclick="playVideo()">Play video</button>
804 <p id="playVideo"></p>
805
806 <br/>
807 <br/>
808 <button class="btn" onclick="changeSetting()">Change webview setting</button>
809 <p id="changeSetting"></p>
810
811 <br/>
812 <br/>
813 <button class="btn" onclick="changeStatusBarColor()">Change StatusBar color</button>
814 <p id="changeStatusBarColor"></p>
815
816 <br/>
817 <br/>
818 <button class="btn" onclick="showTitleBar()">Show title bar</button>
819 <p id="showTitleBar"></p>
820
821 <br/>
822 <br/>
823 <button class="btn" onclick="hideTitleBar()">Hide title bar</button>
824 <p id="hideTitleBar"></p>
825
826 <br/>
827 <br/>
828 <button class="btn" onclick="paytmPushWindow()">Push Window</button>
829 <p id="pushWindow"></p>
830
831 <br/>
832 <br/>
833 <button class="btn" onclick="openPaymentPage()">Open Payment page</button>
834 <p id="openPaymentPage"></p>
835
836 <br/>
837 <br/>
838 <button class="btn" onclick="httpRequest()">Http request</button>
839 <p id="httpRequest"></p>
840
841
842
843 </div>
844 </body>
845
846</html>