@flashphoner/websdk 2.0.203 → 2.0.208
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docTemplate/README.md +1 -1
- package/examples/demo/sip/phone/phone.js +7 -10
- package/examples/demo/streaming/hls-player/hls-player.html +1 -4
- package/examples/demo/streaming/hls-player/hls-player.js +19 -1
- package/examples/demo/streaming/hls-player/player-page.html +1 -1
- package/examples/demo/streaming/hls-player/video-js.css +142 -51
- package/examples/demo/streaming/hls-player/video.js +27294 -20390
- package/examples/demo/streaming/hls-player/video.min.js +27 -0
- package/examples/demo/streaming/media_devices_manager/manager.js +29 -6
- package/examples/demo/streaming/media_devices_manager/media_device_manager.html +7 -0
- package/examples/demo/streaming/screen-sharing/screen-sharing.html +1 -1
- package/examples/demo/streaming/screen-sharing/screen-sharing.js +1 -1
- package/examples/demo/streaming/stream-auto-restore/stream-auto-restore.css +23 -0
- package/examples/demo/streaming/stream-auto-restore/stream-auto-restore.html +76 -0
- package/examples/demo/streaming/stream-auto-restore/stream-auto-restore.js +356 -0
- package/flashphoner-no-flash.js +20 -20
- package/flashphoner-no-flash.min.js +2 -2
- package/flashphoner-no-webrtc.js +18 -18
- package/flashphoner-no-webrtc.min.js +1 -1
- package/flashphoner-no-wsplayer.js +21 -21
- package/flashphoner-no-wsplayer.min.js +2 -2
- package/flashphoner-room-api.js +7 -7
- package/flashphoner-room-api.min.js +2 -2
- package/flashphoner-temasys-flash-websocket-without-adapterjs.js +20 -20
- package/flashphoner-temasys-flash-websocket.js +20 -20
- package/flashphoner-temasys-flash-websocket.min.js +1 -1
- package/flashphoner-webrtc-only.js +18 -18
- package/flashphoner-webrtc-only.min.js +1 -1
- package/flashphoner.js +21 -21
- package/flashphoner.min.js +2 -2
- package/package.json +1 -1
- package/src/flashphoner-core.js +4 -4
- package/src/webrtc-media-provider.js +3 -3
- package/examples/demo/streaming/hls-player/videojs-hls.min.js +0 -27
package/docTemplate/README.md
CHANGED
|
@@ -79,18 +79,15 @@ function createSession(authToken) {
|
|
|
79
79
|
registerRequired: registerRequired
|
|
80
80
|
};
|
|
81
81
|
|
|
82
|
+
var connectionOptions = {
|
|
83
|
+
urlServer: url,
|
|
84
|
+
keepAlive: true
|
|
85
|
+
};
|
|
86
|
+
|
|
82
87
|
if (authToken) {
|
|
83
|
-
connectionOptions =
|
|
84
|
-
urlServer: url,
|
|
85
|
-
authToken: authToken,
|
|
86
|
-
keepAlive: true
|
|
87
|
-
};
|
|
88
|
+
connectionOptions.authToken = authToken;
|
|
88
89
|
} else {
|
|
89
|
-
connectionOptions =
|
|
90
|
-
urlServer: url,
|
|
91
|
-
sipOptions: sipOptions,
|
|
92
|
-
keepAlive: false
|
|
93
|
-
};
|
|
90
|
+
connectionOptions.sipOptions = sipOptions;
|
|
94
91
|
}
|
|
95
92
|
|
|
96
93
|
//create session
|
|
@@ -7,14 +7,11 @@
|
|
|
7
7
|
<link rel="stylesheet" href="hls-player.css">
|
|
8
8
|
<link rel="stylesheet" href="video-js.css">
|
|
9
9
|
<title>HLS VideoJS Player Minimal</title>
|
|
10
|
-
<script type="text/javascript" src="video.js"></script>
|
|
11
|
-
<script type="text/javascript" src="videojs-hls.min.js"></script>
|
|
12
10
|
<script type="text/javascript" src="../../dependencies/jquery/jquery-1.12.0.js"></script>
|
|
13
11
|
<script type="text/javascript" src="../../dependencies/jquery/jquery-ui.js"></script>
|
|
14
12
|
<script type="text/javascript" src="../../dependencies/js/utils.js"></script>
|
|
15
13
|
<script type="text/javascript" src="hls-player.js"></script>
|
|
16
|
-
|
|
17
|
-
<script src="../../dependencies/bootstrap/js/bootstrap.js"></script>
|
|
14
|
+
<script type="text/javascript" src="video.js"></script>
|
|
18
15
|
</head>
|
|
19
16
|
<body onload="loadPlayerPage()">
|
|
20
17
|
<div id="playerPage" class="container">
|
|
@@ -37,7 +37,8 @@ function playBtnClick() {
|
|
|
37
37
|
function stopBtnClick() {
|
|
38
38
|
if (player != null) {
|
|
39
39
|
console.log("Stop VideoJS player");
|
|
40
|
-
player.pause();
|
|
40
|
+
//player.pause();
|
|
41
|
+
player.dispose();
|
|
41
42
|
}
|
|
42
43
|
onStopped();
|
|
43
44
|
}
|
|
@@ -60,6 +61,23 @@ function onStopped() {
|
|
|
60
61
|
$("#token").prop('disabled', false);
|
|
61
62
|
$("#player").prop('disabled', false);
|
|
62
63
|
$("#applyBtn").prop('disabled', false).text("Play").off('click').click(playBtnClick);
|
|
64
|
+
if(!document.getElementById('remoteVideo')) {
|
|
65
|
+
createRemoteVideo(document.getElementById('videoContainer'));
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
function createRemoteVideo(parent) {
|
|
71
|
+
remoteVideo = document.createElement("video");
|
|
72
|
+
remoteVideo.id = "remoteVideo";
|
|
73
|
+
remoteVideo.width=852;
|
|
74
|
+
remoteVideo.height=480;
|
|
75
|
+
remoteVideo.controls="controls";
|
|
76
|
+
remoteVideo.autoplay="autoplay";
|
|
77
|
+
remoteVideo.type="application/vnd.apple.mpegurl";
|
|
78
|
+
remoteVideo.className = "video-js vjs-default-skin";
|
|
79
|
+
parent.appendChild(remoteVideo);
|
|
80
|
+
player = videojs(remoteVideo);
|
|
63
81
|
}
|
|
64
82
|
|
|
65
83
|
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
</div>
|
|
57
57
|
</div>
|
|
58
58
|
<div class="row">
|
|
59
|
-
<div class="col-sm-12 text-center" style="margin-top: 20px; max-width: 852px">
|
|
59
|
+
<div id="videoContainer" class="col-sm-12 text-center" style="margin-top: 20px; max-width: 852px">
|
|
60
60
|
<video id="remoteVideo" width="852" height="480"
|
|
61
61
|
controls="controls"
|
|
62
62
|
autoplay="autoplay"
|
|
@@ -379,7 +379,9 @@
|
|
|
379
379
|
|
|
380
380
|
.video-js.vjs-fluid,
|
|
381
381
|
.video-js.vjs-16-9,
|
|
382
|
-
.video-js.vjs-4-3
|
|
382
|
+
.video-js.vjs-4-3,
|
|
383
|
+
.video-js.vjs-9-16,
|
|
384
|
+
.video-js.vjs-1-1 {
|
|
383
385
|
width: 100%;
|
|
384
386
|
max-width: 100%;
|
|
385
387
|
height: 0;
|
|
@@ -393,6 +395,14 @@
|
|
|
393
395
|
padding-top: 75%;
|
|
394
396
|
}
|
|
395
397
|
|
|
398
|
+
.video-js.vjs-9-16 {
|
|
399
|
+
padding-top: 177.7777777778%;
|
|
400
|
+
}
|
|
401
|
+
|
|
402
|
+
.video-js.vjs-1-1 {
|
|
403
|
+
padding-top: 100%;
|
|
404
|
+
}
|
|
405
|
+
|
|
396
406
|
.video-js.vjs-fill {
|
|
397
407
|
width: 100%;
|
|
398
408
|
height: 100%;
|
|
@@ -422,7 +432,7 @@ body.vjs-full-window {
|
|
|
422
432
|
right: 0;
|
|
423
433
|
}
|
|
424
434
|
|
|
425
|
-
.video-js.vjs-fullscreen {
|
|
435
|
+
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
|
|
426
436
|
width: 100% !important;
|
|
427
437
|
height: 100% !important;
|
|
428
438
|
padding-top: 0 !important;
|
|
@@ -451,8 +461,8 @@ body.vjs-full-window {
|
|
|
451
461
|
|
|
452
462
|
.vjs-lock-showing {
|
|
453
463
|
display: block !important;
|
|
454
|
-
opacity: 1;
|
|
455
|
-
visibility: visible;
|
|
464
|
+
opacity: 1 !important;
|
|
465
|
+
visibility: visible !important;
|
|
456
466
|
}
|
|
457
467
|
|
|
458
468
|
.vjs-no-js {
|
|
@@ -614,6 +624,11 @@ body.vjs-full-window {
|
|
|
614
624
|
color: #2B333F;
|
|
615
625
|
}
|
|
616
626
|
|
|
627
|
+
.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
|
|
628
|
+
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
|
|
629
|
+
background: none;
|
|
630
|
+
}
|
|
631
|
+
|
|
617
632
|
.vjs-menu li.vjs-menu-title {
|
|
618
633
|
text-align: center;
|
|
619
634
|
text-transform: uppercase;
|
|
@@ -746,6 +761,7 @@ body.vjs-full-window {
|
|
|
746
761
|
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
|
|
747
762
|
visibility: visible;
|
|
748
763
|
opacity: 0;
|
|
764
|
+
pointer-events: none;
|
|
749
765
|
transition: visibility 1s, opacity 1s;
|
|
750
766
|
}
|
|
751
767
|
|
|
@@ -779,6 +795,10 @@ body.vjs-full-window {
|
|
|
779
795
|
line-height: 1.67;
|
|
780
796
|
}
|
|
781
797
|
|
|
798
|
+
.vjs-button > .vjs-icon-placeholder {
|
|
799
|
+
display: block;
|
|
800
|
+
}
|
|
801
|
+
|
|
782
802
|
.video-js .vjs-control:focus:before,
|
|
783
803
|
.video-js .vjs-control:hover:before,
|
|
784
804
|
.video-js .vjs-control:focus {
|
|
@@ -1074,6 +1094,7 @@ body.vjs-full-window {
|
|
|
1074
1094
|
.video-js .vjs-volume-level:before {
|
|
1075
1095
|
position: absolute;
|
|
1076
1096
|
font-size: 0.9em;
|
|
1097
|
+
z-index: 1;
|
|
1077
1098
|
}
|
|
1078
1099
|
|
|
1079
1100
|
.vjs-slider-vertical .vjs-volume-level {
|
|
@@ -1082,6 +1103,7 @@ body.vjs-full-window {
|
|
|
1082
1103
|
.vjs-slider-vertical .vjs-volume-level:before {
|
|
1083
1104
|
top: -0.5em;
|
|
1084
1105
|
left: -0.3em;
|
|
1106
|
+
z-index: 1;
|
|
1085
1107
|
}
|
|
1086
1108
|
|
|
1087
1109
|
.vjs-slider-horizontal .vjs-volume-level {
|
|
@@ -1116,6 +1138,77 @@ body.vjs-full-window {
|
|
|
1116
1138
|
left: -2em;
|
|
1117
1139
|
}
|
|
1118
1140
|
|
|
1141
|
+
.video-js .vjs-volume-tooltip {
|
|
1142
|
+
background-color: #fff;
|
|
1143
|
+
background-color: rgba(255, 255, 255, 0.8);
|
|
1144
|
+
border-radius: 0.3em;
|
|
1145
|
+
color: #000;
|
|
1146
|
+
float: right;
|
|
1147
|
+
font-family: Arial, Helvetica, sans-serif;
|
|
1148
|
+
font-size: 1em;
|
|
1149
|
+
padding: 6px 8px 8px 8px;
|
|
1150
|
+
pointer-events: none;
|
|
1151
|
+
position: absolute;
|
|
1152
|
+
top: -3.4em;
|
|
1153
|
+
visibility: hidden;
|
|
1154
|
+
z-index: 1;
|
|
1155
|
+
}
|
|
1156
|
+
|
|
1157
|
+
.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
|
|
1158
|
+
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
|
|
1159
|
+
display: block;
|
|
1160
|
+
font-size: 1em;
|
|
1161
|
+
visibility: visible;
|
|
1162
|
+
}
|
|
1163
|
+
|
|
1164
|
+
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
|
|
1165
|
+
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
|
|
1166
|
+
left: 1em;
|
|
1167
|
+
top: -12px;
|
|
1168
|
+
}
|
|
1169
|
+
|
|
1170
|
+
.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
|
|
1171
|
+
font-size: 1em;
|
|
1172
|
+
}
|
|
1173
|
+
|
|
1174
|
+
.video-js .vjs-volume-control .vjs-mouse-display {
|
|
1175
|
+
display: none;
|
|
1176
|
+
position: absolute;
|
|
1177
|
+
width: 100%;
|
|
1178
|
+
height: 1px;
|
|
1179
|
+
background-color: #000;
|
|
1180
|
+
z-index: 1;
|
|
1181
|
+
}
|
|
1182
|
+
|
|
1183
|
+
.video-js .vjs-volume-horizontal .vjs-mouse-display {
|
|
1184
|
+
width: 1px;
|
|
1185
|
+
height: 100%;
|
|
1186
|
+
}
|
|
1187
|
+
|
|
1188
|
+
.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
|
|
1189
|
+
z-index: 0;
|
|
1190
|
+
}
|
|
1191
|
+
|
|
1192
|
+
.video-js .vjs-volume-control:hover .vjs-mouse-display {
|
|
1193
|
+
display: block;
|
|
1194
|
+
}
|
|
1195
|
+
|
|
1196
|
+
.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
|
|
1197
|
+
visibility: hidden;
|
|
1198
|
+
opacity: 0;
|
|
1199
|
+
transition: visibility 1s, opacity 1s;
|
|
1200
|
+
}
|
|
1201
|
+
|
|
1202
|
+
.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
|
|
1203
|
+
display: none;
|
|
1204
|
+
}
|
|
1205
|
+
|
|
1206
|
+
.vjs-mouse-display .vjs-volume-tooltip {
|
|
1207
|
+
color: #fff;
|
|
1208
|
+
background-color: #000;
|
|
1209
|
+
background-color: rgba(0, 0, 0, 0.8);
|
|
1210
|
+
}
|
|
1211
|
+
|
|
1119
1212
|
.vjs-poster {
|
|
1120
1213
|
display: inline-block;
|
|
1121
1214
|
vertical-align: middle;
|
|
@@ -1166,6 +1259,7 @@ body.vjs-full-window {
|
|
|
1166
1259
|
}
|
|
1167
1260
|
|
|
1168
1261
|
.video-js .vjs-seek-to-live-control {
|
|
1262
|
+
align-items: center;
|
|
1169
1263
|
cursor: pointer;
|
|
1170
1264
|
flex: none;
|
|
1171
1265
|
display: inline-flex;
|
|
@@ -1475,60 +1569,60 @@ video::-webkit-media-text-track-display {
|
|
|
1475
1569
|
line-height: inherit;
|
|
1476
1570
|
}
|
|
1477
1571
|
|
|
1478
|
-
.video-js
|
|
1479
|
-
.video-js
|
|
1480
|
-
.video-js
|
|
1481
|
-
.video-js
|
|
1482
|
-
.video-js
|
|
1483
|
-
.video-js
|
|
1484
|
-
.video-js
|
|
1485
|
-
.video-js
|
|
1486
|
-
.video-js
|
|
1487
|
-
.video-js
|
|
1488
|
-
.video-js
|
|
1489
|
-
.video-js
|
|
1490
|
-
.video-js
|
|
1491
|
-
.video-js
|
|
1492
|
-
.video-js
|
|
1493
|
-
.video-js
|
|
1494
|
-
.video-js
|
|
1495
|
-
.video-js
|
|
1496
|
-
.video-js
|
|
1497
|
-
.video-js
|
|
1498
|
-
.video-js
|
|
1499
|
-
.video-js
|
|
1500
|
-
.video-js
|
|
1501
|
-
.video-js
|
|
1502
|
-
.video-js
|
|
1503
|
-
.video-js
|
|
1504
|
-
.video-js
|
|
1505
|
-
.video-js
|
|
1506
|
-
.video-js
|
|
1507
|
-
.video-js
|
|
1508
|
-
.video-js
|
|
1509
|
-
display: none;
|
|
1572
|
+
.video-js.vjs-layout-small .vjs-current-time,
|
|
1573
|
+
.video-js.vjs-layout-small .vjs-time-divider,
|
|
1574
|
+
.video-js.vjs-layout-small .vjs-duration,
|
|
1575
|
+
.video-js.vjs-layout-small .vjs-remaining-time,
|
|
1576
|
+
.video-js.vjs-layout-small .vjs-playback-rate,
|
|
1577
|
+
.video-js.vjs-layout-small .vjs-chapters-button,
|
|
1578
|
+
.video-js.vjs-layout-small .vjs-descriptions-button,
|
|
1579
|
+
.video-js.vjs-layout-small .vjs-captions-button,
|
|
1580
|
+
.video-js.vjs-layout-small .vjs-subtitles-button,
|
|
1581
|
+
.video-js.vjs-layout-small .vjs-audio-button,
|
|
1582
|
+
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
|
|
1583
|
+
.video-js.vjs-layout-x-small .vjs-time-divider,
|
|
1584
|
+
.video-js.vjs-layout-x-small .vjs-duration,
|
|
1585
|
+
.video-js.vjs-layout-x-small .vjs-remaining-time,
|
|
1586
|
+
.video-js.vjs-layout-x-small .vjs-playback-rate,
|
|
1587
|
+
.video-js.vjs-layout-x-small .vjs-chapters-button,
|
|
1588
|
+
.video-js.vjs-layout-x-small .vjs-descriptions-button,
|
|
1589
|
+
.video-js.vjs-layout-x-small .vjs-captions-button,
|
|
1590
|
+
.video-js.vjs-layout-x-small .vjs-subtitles-button,
|
|
1591
|
+
.video-js.vjs-layout-x-small .vjs-audio-button,
|
|
1592
|
+
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
|
|
1593
|
+
.video-js.vjs-layout-tiny .vjs-time-divider,
|
|
1594
|
+
.video-js.vjs-layout-tiny .vjs-duration,
|
|
1595
|
+
.video-js.vjs-layout-tiny .vjs-remaining-time,
|
|
1596
|
+
.video-js.vjs-layout-tiny .vjs-playback-rate,
|
|
1597
|
+
.video-js.vjs-layout-tiny .vjs-chapters-button,
|
|
1598
|
+
.video-js.vjs-layout-tiny .vjs-descriptions-button,
|
|
1599
|
+
.video-js.vjs-layout-tiny .vjs-captions-button,
|
|
1600
|
+
.video-js.vjs-layout-tiny .vjs-subtitles-button,
|
|
1601
|
+
.video-js.vjs-layout-tiny .vjs-audio-button,
|
|
1602
|
+
.video-js.vjs-layout-tiny .vjs-volume-control {
|
|
1603
|
+
display: none !important;
|
|
1510
1604
|
}
|
|
1511
|
-
.video-js
|
|
1512
|
-
.video-js
|
|
1513
|
-
.video-js
|
|
1514
|
-
.video-js
|
|
1515
|
-
.video-js
|
|
1516
|
-
.video-js
|
|
1517
|
-
.video-js
|
|
1605
|
+
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
|
|
1606
|
+
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
|
|
1607
|
+
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
|
|
1608
|
+
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
|
|
1609
|
+
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
|
|
1610
|
+
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
|
|
1611
|
+
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
|
|
1518
1612
|
width: auto;
|
|
1519
1613
|
width: initial;
|
|
1520
1614
|
}
|
|
1521
|
-
.video-js
|
|
1615
|
+
.video-js.vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js.vjs-layout-tiny .vjs-subs-caps-button {
|
|
1522
1616
|
display: none;
|
|
1523
1617
|
}
|
|
1524
|
-
.video-js
|
|
1618
|
+
.video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js.vjs-layout-tiny .vjs-custom-control-spacer {
|
|
1525
1619
|
flex: auto;
|
|
1526
1620
|
display: block;
|
|
1527
1621
|
}
|
|
1528
|
-
.video-js
|
|
1622
|
+
.video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js.vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
|
|
1529
1623
|
width: auto;
|
|
1530
1624
|
}
|
|
1531
|
-
.video-js
|
|
1625
|
+
.video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
|
|
1532
1626
|
display: none;
|
|
1533
1627
|
}
|
|
1534
1628
|
|
|
@@ -1653,11 +1747,8 @@ video::-webkit-media-text-track-display {
|
|
|
1653
1747
|
|
|
1654
1748
|
.js-focus-visible .video-js *:focus:not(.focus-visible) {
|
|
1655
1749
|
outline: none;
|
|
1656
|
-
background: none;
|
|
1657
1750
|
}
|
|
1658
1751
|
|
|
1659
|
-
.video-js *:focus:not(:focus-visible)
|
|
1660
|
-
.video-js .vjs-menu *:focus:not(:focus-visible) {
|
|
1752
|
+
.video-js *:focus:not(:focus-visible) {
|
|
1661
1753
|
outline: none;
|
|
1662
|
-
background: none;
|
|
1663
1754
|
}
|