@live-change/peer-connection-frontend 0.8.81 → 0.8.83
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.
|
@@ -381,7 +381,6 @@
|
|
|
381
381
|
watch(() => selectedConstraints.value, () => updateUserMedia(), { immediate: true })
|
|
382
382
|
|
|
383
383
|
useIntervalFn(() => {
|
|
384
|
-
console.log("RETRY MEDIA ON ERROR", model.value.cameraAccessError, retryMediaOnError.value)
|
|
385
384
|
if(!retryMediaOnError.value) return
|
|
386
385
|
if(!model.value.cameraAccessError) return
|
|
387
386
|
console.log("RETRY CAMERA ACCESS!")
|
|
@@ -1,68 +1,69 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
3
|
-
<
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
2
|
+
<div>
|
|
3
|
+
<OverlayPanel ref="mediaSettingsOverlay">
|
|
4
|
+
<div class="flex flex-column gap-2 pt-2 justify-content-around" style="min-width: 20rem; max-width: 90vw">
|
|
5
|
+
<div v-if="audioInputRequest !== 'none' && audioInputs.length > 0"
|
|
6
|
+
class="flex flex-column align-items-stretch flex-grow-1">
|
|
7
|
+
<div class="text-sm mb-1 pl-1">Microphone</div>
|
|
8
|
+
<Dropdown :modelValue="model.audioInput"
|
|
9
|
+
@update:modelValue="value => updateAudioInput(value)"
|
|
10
|
+
:options="audioInputs"
|
|
11
|
+
optionLabel="label"
|
|
12
|
+
placeholder="Select">
|
|
13
|
+
<template #value="slotProps">
|
|
14
|
+
<div class="flex flex-row align-items-center">
|
|
15
|
+
<i class="pi pi-microphone mr-2" />
|
|
16
|
+
|
|
17
|
+
<div class="absolute overflow-hidden text-overflow-ellipsis" style="left: 2em; right: 2em;">
|
|
18
|
+
{{ slotProps.value ? slotProps.value.label : slotProps.placeholder }}
|
|
19
|
+
</div>
|
|
19
20
|
</div>
|
|
20
|
-
</
|
|
21
|
-
</
|
|
22
|
-
</
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
21
|
+
</template>
|
|
22
|
+
</Dropdown>
|
|
23
|
+
</div>
|
|
24
|
+
<div v-if="audioOutputRequest !== 'none' && audioOutputs.length > 0"
|
|
25
|
+
class="flex flex-column align-items-stretch flex-grow-1">
|
|
26
|
+
<div class="text-sm mb-1 pl-1">Audio output</div>
|
|
27
|
+
<Dropdown :modelValue="model.audioOutput"
|
|
28
|
+
@update:modelValue="value => updateAudioOutput(value)"
|
|
29
|
+
:options="audioOutputs" optionLabel="label"
|
|
30
|
+
placeholder="Select">
|
|
31
|
+
<template #value="slotProps">
|
|
32
|
+
<div class="flex flex-row align-items-center">
|
|
33
|
+
<i class="pi pi-volume-up mr-2" />
|
|
34
|
+
|
|
35
|
+
<div class="absolute overflow-hidden text-overflow-ellipsis" style="left: 2em; right: 2em;">
|
|
36
|
+
{{ slotProps.value ? slotProps.value.label : slotProps.placeholder }}
|
|
37
|
+
</div>
|
|
37
38
|
</div>
|
|
38
|
-
</
|
|
39
|
-
</
|
|
40
|
-
</
|
|
41
|
-
</div>
|
|
39
|
+
</template>
|
|
40
|
+
</Dropdown>
|
|
41
|
+
</div>
|
|
42
42
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
43
|
+
<div v-if="videoInputRequest !== 'none' && videoInputs.length > 0"
|
|
44
|
+
class="flex flex-column align-items-stretch flex-grow-1">
|
|
45
|
+
<div class="text-sm mb-1 pl-1">Camera</div>
|
|
46
|
+
<Dropdown :modelValue="model.videoInput"
|
|
47
|
+
@update:modelValue="value => updateVideoInput(value)"
|
|
48
|
+
:options="videoInputs" optionLabel="label"
|
|
49
|
+
placeholder="Select">
|
|
50
|
+
<template #value="slotProps">
|
|
51
|
+
<div class="flex flex-row align-items-center">
|
|
52
|
+
<i class="pi pi-camera mr-2" />
|
|
53
|
+
|
|
54
|
+
<div class="absolute overflow-hidden text-overflow-ellipsis" style="left: 2em; right: 2em;">
|
|
55
|
+
{{ slotProps.value ? slotProps.value.label : slotProps.placeholder }}
|
|
56
|
+
</div>
|
|
56
57
|
</div>
|
|
57
|
-
</
|
|
58
|
-
</
|
|
59
|
-
</
|
|
58
|
+
</template>
|
|
59
|
+
</Dropdown>
|
|
60
|
+
</div>
|
|
60
61
|
</div>
|
|
61
|
-
</
|
|
62
|
-
</OverlayPanel>
|
|
62
|
+
</OverlayPanel>
|
|
63
63
|
|
|
64
|
-
|
|
65
|
-
|
|
64
|
+
<Button @click="toggleMediaSettings" raised
|
|
65
|
+
icon="bx bx-cog" severity="" rounded v-ripple />
|
|
66
|
+
</div>
|
|
66
67
|
</template>
|
|
67
68
|
|
|
68
69
|
<script setup>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@live-change/peer-connection-frontend",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.83",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"memDev": "dotenvx run -- node server/start.js memDev --enableSessions --initScript ./init.js --dbAccess",
|
|
6
6
|
"localDevInit": "rm tmp.db; dotenvx run -- node server/start.js localDev --enableSessions --initScript ./init.js",
|
|
@@ -22,19 +22,19 @@
|
|
|
22
22
|
},
|
|
23
23
|
"type": "module",
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@live-change/cli": "^0.8.
|
|
26
|
-
"@live-change/dao": "^0.8.
|
|
27
|
-
"@live-change/dao-vue3": "^0.8.
|
|
28
|
-
"@live-change/dao-websocket": "^0.8.
|
|
29
|
-
"@live-change/framework": "^0.8.
|
|
30
|
-
"@live-change/password-authentication-service": "^0.8.
|
|
31
|
-
"@live-change/secret-code-service": "^0.8.
|
|
32
|
-
"@live-change/secret-link-service": "^0.8.
|
|
33
|
-
"@live-change/session-service": "^0.8.
|
|
34
|
-
"@live-change/user-frontend": "^0.8.
|
|
35
|
-
"@live-change/user-service": "^0.8.
|
|
36
|
-
"@live-change/vue3-components": "^0.8.
|
|
37
|
-
"@live-change/vue3-ssr": "^0.8.
|
|
25
|
+
"@live-change/cli": "^0.8.83",
|
|
26
|
+
"@live-change/dao": "^0.8.83",
|
|
27
|
+
"@live-change/dao-vue3": "^0.8.83",
|
|
28
|
+
"@live-change/dao-websocket": "^0.8.83",
|
|
29
|
+
"@live-change/framework": "^0.8.83",
|
|
30
|
+
"@live-change/password-authentication-service": "^0.8.83",
|
|
31
|
+
"@live-change/secret-code-service": "^0.8.83",
|
|
32
|
+
"@live-change/secret-link-service": "^0.8.83",
|
|
33
|
+
"@live-change/session-service": "^0.8.83",
|
|
34
|
+
"@live-change/user-frontend": "^0.8.83",
|
|
35
|
+
"@live-change/user-service": "^0.8.83",
|
|
36
|
+
"@live-change/vue3-components": "^0.8.83",
|
|
37
|
+
"@live-change/vue3-ssr": "^0.8.83",
|
|
38
38
|
"@vueuse/core": "^10.11.0",
|
|
39
39
|
"boxicons": "^2.1.4",
|
|
40
40
|
"codeceptjs-assert": "^0.0.5",
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"vue3-scroll-border": "0.1.6"
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|
|
57
|
-
"@live-change/codeceptjs-helper": "^0.8.
|
|
57
|
+
"@live-change/codeceptjs-helper": "^0.8.83",
|
|
58
58
|
"codeceptjs": "^3.6.5",
|
|
59
59
|
"generate-password": "1.7.1",
|
|
60
60
|
"playwright": "^1.41.2",
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
"author": "Michał Łaszczewski <michal@laszczewski.pl>",
|
|
66
66
|
"license": "BSD-3-Clause",
|
|
67
67
|
"description": "",
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "a3c85f0869b4c65c2bdd6f181bdfcbe2d6f2bde5"
|
|
69
69
|
}
|