@besovideo/webrtc-player 0.9.97 → 0.10.1

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.
Files changed (20) hide show
  1. package/dist/main.browser.css +157 -0
  2. package/dist/main.browser.js +931 -56
  3. package/dist/main.es.css +157 -0
  4. package/dist/main.es.js +931 -56
  5. package/dist/types/api/call.d.ts +50 -0
  6. package/dist/types/api/device.d.ts +1 -1
  7. package/dist/types/api/dialog.d.ts +17 -0
  8. package/dist/types/api/user.d.ts +6 -0
  9. package/dist/types/api/var.d.ts +2 -2
  10. package/dist/types/components/callComponents/callConnectionManager.d.ts +20 -0
  11. package/dist/types/components/callComponents/callStatusPanel.d.ts +14 -0
  12. package/dist/types/components/callComponents/commandWsManager.d.ts +11 -0
  13. package/dist/types/components/callComponents/mediaEndPoint.d.ts +50 -0
  14. package/dist/types/components/callComponents/processHandle.d.ts +4 -0
  15. package/dist/types/components/callEndPoint.d.ts +50 -0
  16. package/dist/types/main.d.ts +3 -2
  17. package/dist/types/z_test/index.d.ts +6 -0
  18. package/dist/types/z_test/pushMedia.d.ts +2 -0
  19. package/dist/types/z_test/twoMedia.d.ts +2 -0
  20. package/package.json +1 -1
package/dist/main.browser.css CHANGED
@@ -1155,3 +1155,160 @@
1155
1155
  pointer-events: none;
1156
1156
  overflow: hidden;
1157
1157
  }
1158
+ .videoCall_dialogPanel {
1159
+ height: 100%;
1160
+ width: 100%;
1161
+ border-radius: 5px;
1162
+ position: relative;
1163
+ border-bottom: none;
1164
+ background-color: white;
1165
+ }
1166
+ .videoCall_dialogPanel .titleBar {
1167
+ height: 36px;
1168
+ width: calc(100% - 20px);
1169
+ }
1170
+ .videoCall_dialogPanel .myView {
1171
+ display: inline-block;
1172
+ background-color: black;
1173
+ }
1174
+ .videoCall_dialogPanel .mini-view {
1175
+ height: 25%;
1176
+ width: 25%;
1177
+ position: absolute;
1178
+ z-index: 2;
1179
+ bottom: 32px;
1180
+ right: 10px;
1181
+ }
1182
+ .videoCall_dialogPanel .full-view {
1183
+ position: relative;
1184
+ height: calc(100% - 70px);
1185
+ width: 100%;
1186
+ }
1187
+ .videoCall_dialogPanel .remoteUserTitle {
1188
+ height: 32px;
1189
+ line-height: 32px;
1190
+ border: 1px solid #c4c4c4;
1191
+ border-bottom-left-radius: 5px;
1192
+ border-bottom-right-radius: 5px;
1193
+ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
1194
+ padding-left: 10px;
1195
+ border-top: 0px;
1196
+ }
1197
+ .videoCall_dialogPanel .localUserDiv {
1198
+ width: 100%;
1199
+ }
1200
+ .videoCall_dialogPanel .localUserTitle {
1201
+ padding-left: 10px;
1202
+ line-height: 30px;
1203
+ padding-left: 10px;
1204
+ }
1205
+ .videoCall_dialogPanel .remoteView {
1206
+ display: inline-block;
1207
+ vertical-align: top;
1208
+ }
1209
+ .videoCall_dialogPanel .myVideo {
1210
+ background-color: black;
1211
+ height: 100%;
1212
+ }
1213
+ .videoCall_dialogPanel .remoteVideo {
1214
+ background-color: black;
1215
+ height: 100%;
1216
+ }
1217
+ .videoCall_dialogPanel .remoteStatusSpan {
1218
+ position: absolute;
1219
+ top: 4px;
1220
+ color: black;
1221
+ width: calc(100% - 86px);
1222
+ margin-left: 3px;
1223
+ text-align: left;
1224
+ z-index: 2;
1225
+ font-size: 20px;
1226
+ background-color: white;
1227
+ -webkit-user-select: none;
1228
+ -moz-user-select: none;
1229
+ -ms-user-select: none;
1230
+ user-select: none;
1231
+ }
1232
+ .videoCall_dialogPanel .remoteStatusSpan:active {
1233
+ cursor: -webkit-grabbing;
1234
+ cursor: grabbing;
1235
+ }
1236
+ .videoCall_dialogPanel .callPanelCloseButton {
1237
+ position: absolute;
1238
+ top: 2px;
1239
+ right: 2px;
1240
+ display: inline-block;
1241
+ width: 32px;
1242
+ height: 32px;
1243
+ background-repeat: no-repeat;
1244
+ background-size: 100% 100%;
1245
+ cursor: pointer;
1246
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f90d00' d='M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z'/%3E%3C/svg%3E");
1247
+ opacity: 0.5;
1248
+ transition: 0.2s;
1249
+ }
1250
+ .videoCall_dialogPanel .callPanelCloseButton:hover {
1251
+ opacity: 1;
1252
+ }
1253
+ .callContainer {
1254
+ width: 640px;
1255
+ height: 490px;
1256
+ position: absolute;
1257
+ top: calc(50vh - 245px);
1258
+ left: calc(50vw - 320px);
1259
+ }
1260
+ .popInvite {
1261
+ width: 260px;
1262
+ height: 180px;
1263
+ position: absolute;
1264
+ top: calc(50vh - 120px);
1265
+ left: calc(50vw - 80px);
1266
+ border: 1px solid grey;
1267
+ border-radius: 5px;
1268
+ background-color: white;
1269
+ }
1270
+ .popInvite .callContent {
1271
+ margin-top: 50px;
1272
+ height: 70px;
1273
+ width: 100%;
1274
+ text-align: center;
1275
+ }
1276
+ .popInvite .btnLine {
1277
+ text-align: center;
1278
+ }
1279
+ .popInvite .btnLine .btnAgree {
1280
+ background-color: #4caf50;
1281
+ color: white;
1282
+ padding: 4px 10px;
1283
+ text-align: center;
1284
+ text-decoration: none;
1285
+ display: inline-block;
1286
+ font-size: 16px;
1287
+ margin: 4px 2px;
1288
+ cursor: pointer;
1289
+ border: none;
1290
+ border-radius: 4px;
1291
+ transition: background-color 0.3s;
1292
+ }
1293
+ .popInvite .btnLine .btnAgree:hover {
1294
+ background-color: #45a049;
1295
+ }
1296
+ .popInvite .btnLine .btnRefuse {
1297
+ background-color: #ff0000;
1298
+ color: white;
1299
+ padding: 4px 10px;
1300
+ text-align: center;
1301
+ text-decoration: none;
1302
+ display: inline-block;
1303
+ font-size: 16px;
1304
+ margin: 4px 2px;
1305
+ cursor: pointer;
1306
+ border: none;
1307
+ border-radius: 4px;
1308
+ transition: background-color 0.3s;
1309
+ margin-left: 20px;
1310
+ cursor: pointer;
1311
+ }
1312
+ .popInvite .btnLine .btnRefuse:hover {
1313
+ background-color: #cc0000;
1314
+ }