@live-change/video-call-frontend 0.8.45 → 0.8.47
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/front/src/room/PeerVideo.vue +28 -7
- package/front/src/room/Room.vue +17 -3
- package/package.json +38 -38
|
@@ -26,15 +26,36 @@
|
|
|
26
26
|
</video>
|
|
27
27
|
</div>
|
|
28
28
|
|
|
29
|
-
<
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
29
|
+
<div class="absolute top-0 right-0 h-3rem pr-1
|
|
30
|
+
flex align-items-center">
|
|
31
|
+
<div v-if="peerState.audioState === 'muted'"
|
|
32
|
+
class="border-circle bg-black-alpha-40 mx-1
|
|
33
|
+
flex align-items-center justify-content-center w-2rem h-2rem">
|
|
34
|
+
<i class='bx bx-microphone-off text-xl text-red-600' />
|
|
35
|
+
</div>
|
|
36
|
+
<div v-if="peerState.audioState === 'none'"
|
|
37
|
+
class="border-circle bg-black-alpha-40 mx-1
|
|
38
|
+
flex align-items-center justify-content-center w-2rem h-2rem">
|
|
39
|
+
<i class='bx bx-microphone-off text-xl text-gray-500' />
|
|
40
|
+
</div>
|
|
41
|
+
|
|
42
|
+
<div v-if="peerState.videoState === 'muted'"
|
|
43
|
+
class="border-circle bg-black-alpha-40 mx-1
|
|
44
|
+
flex align-items-center justify-content-center w-2rem h-2rem">
|
|
45
|
+
<i class='bx bx-camera-off text-xl text-red-600' />
|
|
46
|
+
</div>
|
|
47
|
+
<div v-if="peerState.videoState === 'none'"
|
|
48
|
+
class="border-circle bg-black-alpha-40 mx-1
|
|
49
|
+
flex align-items-center justify-content-center w-2rem h-2rem">
|
|
50
|
+
<i class='bx bx-camera-off text-xl text-gray-500' />
|
|
51
|
+
</div>
|
|
52
|
+
|
|
53
|
+
<VolumeIndicator v-if="stream && peerState?.audioState === 'enabled'" :stream="stream"
|
|
54
|
+
class="mx-1" />
|
|
35
55
|
</div>
|
|
36
56
|
|
|
37
|
-
<pre>{{
|
|
57
|
+
<!-- <pre>{{ peerState }}</pre>-->
|
|
58
|
+
<!-- <pre>{{ image }}</pre>-->
|
|
38
59
|
<!-- <h3>{{ id }}</h3>-->
|
|
39
60
|
|
|
40
61
|
</div>
|
package/front/src/room/Room.vue
CHANGED
|
@@ -23,6 +23,15 @@
|
|
|
23
23
|
:my-videos="myVideos ?? []"
|
|
24
24
|
class="w-full h-full top-0 absolute surface-900"
|
|
25
25
|
/>
|
|
26
|
+
<div class="absolute bottom-0 h-4rem left-50 right-50 flex flex-row justify-content-center">
|
|
27
|
+
<div class="absolute w-11rem h-full bg-black-alpha-70 flex flex-row align-items-center
|
|
28
|
+
justify-content-between px-3">
|
|
29
|
+
<MicrophoneButton v-model="selectedDevices" />
|
|
30
|
+
<CameraButton v-model="selectedDevices" />
|
|
31
|
+
<Button @click="leave" raised
|
|
32
|
+
icon="bx bx-exit" severity="warning" rounded v-ripple />
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
26
35
|
</template>
|
|
27
36
|
<!-- <p>selected devices: {{ selectedDevices }}</p>
|
|
28
37
|
<p>local media streams: {{ localMediaStreams }}</p>
|
|
@@ -37,7 +46,7 @@
|
|
|
37
46
|
|
|
38
47
|
<script setup>
|
|
39
48
|
import { LimitedAccess } from "@live-change/access-control-frontend"
|
|
40
|
-
import { DeviceSelect } from '@live-change/peer-connection-frontend'
|
|
49
|
+
import { DeviceSelect, CameraButton, MicrophoneButton } from '@live-change/peer-connection-frontend'
|
|
41
50
|
import VideoWall from './VideoWall.vue'
|
|
42
51
|
import Button from 'primevue/button'
|
|
43
52
|
|
|
@@ -78,6 +87,10 @@
|
|
|
78
87
|
state.value = 'joined'
|
|
79
88
|
}
|
|
80
89
|
|
|
90
|
+
function leave() {
|
|
91
|
+
state.value = 'welcome'
|
|
92
|
+
}
|
|
93
|
+
|
|
81
94
|
const localMediaStreams = computed(() =>
|
|
82
95
|
( selectedDevices.value?.media ? [selectedDevices.value.media] : [])
|
|
83
96
|
.concat(displayMedia.value ? [displayMedia.value] : [])
|
|
@@ -125,7 +138,8 @@
|
|
|
125
138
|
id: stream.id,
|
|
126
139
|
stream,
|
|
127
140
|
mirror: true,
|
|
128
|
-
audioMuted: true
|
|
141
|
+
audioMuted: true,
|
|
142
|
+
peerState: peer.value.localPeerState
|
|
129
143
|
}))
|
|
130
144
|
})
|
|
131
145
|
|
|
@@ -141,7 +155,7 @@
|
|
|
141
155
|
id: remoteTrack.stream.id,
|
|
142
156
|
from: connection.to,
|
|
143
157
|
stream: remoteTrack.stream,
|
|
144
|
-
peerState: otherPeer,
|
|
158
|
+
peerState: otherPeer?.peerState,
|
|
145
159
|
})
|
|
146
160
|
}
|
|
147
161
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@live-change/video-call-frontend",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.47",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"memDev": "node server/start.js memDev --enableSessions --initScript ./init.js --dbAccess",
|
|
6
6
|
"localDevInit": "rm tmp.db; node server/start.js localDev --enableSessions --initScript ./init.js",
|
|
@@ -35,41 +35,41 @@
|
|
|
35
35
|
"@codemirror/language": "6.10.1",
|
|
36
36
|
"@dotenvx/dotenvx": "0.27.0",
|
|
37
37
|
"@fortawesome/fontawesome-free": "^6.5.2",
|
|
38
|
-
"@live-change/access-control-frontend": "^0.8.
|
|
39
|
-
"@live-change/access-control-service": "^0.8.
|
|
40
|
-
"@live-change/backup-service": "^0.8.
|
|
41
|
-
"@live-change/blog-frontend": "^0.8.
|
|
42
|
-
"@live-change/blog-service": "^0.8.
|
|
43
|
-
"@live-change/cli": "^0.8.
|
|
44
|
-
"@live-change/content-frontend": "^0.8.
|
|
45
|
-
"@live-change/content-service": "^0.8.
|
|
46
|
-
"@live-change/dao": "^0.8.
|
|
47
|
-
"@live-change/dao-vue3": "^0.8.
|
|
48
|
-
"@live-change/dao-websocket": "^0.8.
|
|
49
|
-
"@live-change/db-client": "^0.8.
|
|
50
|
-
"@live-change/email-service": "^0.8.
|
|
51
|
-
"@live-change/framework": "^0.8.
|
|
52
|
-
"@live-change/frontend-auto-form": "^0.8.
|
|
53
|
-
"@live-change/frontend-base": "^0.8.
|
|
54
|
-
"@live-change/geoip-service": "^0.8.
|
|
55
|
-
"@live-change/image-frontend": "^0.8.
|
|
56
|
-
"@live-change/locale-settings-service": "^0.8.
|
|
57
|
-
"@live-change/password-authentication-service": "^0.8.
|
|
58
|
-
"@live-change/peer-connection-service": "^0.8.
|
|
59
|
-
"@live-change/prosemirror-service": "^0.8.
|
|
60
|
-
"@live-change/secret-code-service": "^0.8.
|
|
61
|
-
"@live-change/secret-link-service": "^0.8.
|
|
62
|
-
"@live-change/session-service": "^0.8.
|
|
63
|
-
"@live-change/task-service": "^0.8.
|
|
64
|
-
"@live-change/upload-frontend": "^0.8.
|
|
65
|
-
"@live-change/url-frontend": "^0.8.
|
|
66
|
-
"@live-change/url-service": "^0.8.
|
|
67
|
-
"@live-change/user-frontend": "^0.8.
|
|
68
|
-
"@live-change/user-identification-service": "^0.8.
|
|
69
|
-
"@live-change/user-service": "^0.8.
|
|
70
|
-
"@live-change/vote-service": "^0.8.
|
|
71
|
-
"@live-change/vue3-components": "^0.8.
|
|
72
|
-
"@live-change/vue3-ssr": "^0.8.
|
|
38
|
+
"@live-change/access-control-frontend": "^0.8.47",
|
|
39
|
+
"@live-change/access-control-service": "^0.8.47",
|
|
40
|
+
"@live-change/backup-service": "^0.8.47",
|
|
41
|
+
"@live-change/blog-frontend": "^0.8.47",
|
|
42
|
+
"@live-change/blog-service": "^0.8.47",
|
|
43
|
+
"@live-change/cli": "^0.8.47",
|
|
44
|
+
"@live-change/content-frontend": "^0.8.47",
|
|
45
|
+
"@live-change/content-service": "^0.8.47",
|
|
46
|
+
"@live-change/dao": "^0.8.47",
|
|
47
|
+
"@live-change/dao-vue3": "^0.8.47",
|
|
48
|
+
"@live-change/dao-websocket": "^0.8.47",
|
|
49
|
+
"@live-change/db-client": "^0.8.47",
|
|
50
|
+
"@live-change/email-service": "^0.8.47",
|
|
51
|
+
"@live-change/framework": "^0.8.47",
|
|
52
|
+
"@live-change/frontend-auto-form": "^0.8.47",
|
|
53
|
+
"@live-change/frontend-base": "^0.8.47",
|
|
54
|
+
"@live-change/geoip-service": "^0.8.47",
|
|
55
|
+
"@live-change/image-frontend": "^0.8.47",
|
|
56
|
+
"@live-change/locale-settings-service": "^0.8.47",
|
|
57
|
+
"@live-change/password-authentication-service": "^0.8.47",
|
|
58
|
+
"@live-change/peer-connection-service": "^0.8.47",
|
|
59
|
+
"@live-change/prosemirror-service": "^0.8.47",
|
|
60
|
+
"@live-change/secret-code-service": "^0.8.47",
|
|
61
|
+
"@live-change/secret-link-service": "^0.8.47",
|
|
62
|
+
"@live-change/session-service": "^0.8.47",
|
|
63
|
+
"@live-change/task-service": "^0.8.47",
|
|
64
|
+
"@live-change/upload-frontend": "^0.8.47",
|
|
65
|
+
"@live-change/url-frontend": "^0.8.47",
|
|
66
|
+
"@live-change/url-service": "^0.8.47",
|
|
67
|
+
"@live-change/user-frontend": "^0.8.47",
|
|
68
|
+
"@live-change/user-identification-service": "^0.8.47",
|
|
69
|
+
"@live-change/user-service": "^0.8.47",
|
|
70
|
+
"@live-change/vote-service": "^0.8.47",
|
|
71
|
+
"@live-change/vue3-components": "^0.8.47",
|
|
72
|
+
"@live-change/vue3-ssr": "^0.8.47",
|
|
73
73
|
"@vueuse/core": "^10.11.0",
|
|
74
74
|
"boxicons": "^2.1.4",
|
|
75
75
|
"codeceptjs-assert": "^0.0.5",
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
"vue3-scroll-border": "0.1.6"
|
|
94
94
|
},
|
|
95
95
|
"devDependencies": {
|
|
96
|
-
"@live-change/codeceptjs-helper": "^0.8.
|
|
96
|
+
"@live-change/codeceptjs-helper": "^0.8.47",
|
|
97
97
|
"codeceptjs": "^3.5.12",
|
|
98
98
|
"generate-password": "1.7.1",
|
|
99
99
|
"playwright": "^1.41.2",
|
|
@@ -104,5 +104,5 @@
|
|
|
104
104
|
"author": "Michał Łaszczewski <michal@laszczewski.pl>",
|
|
105
105
|
"license": "ISC",
|
|
106
106
|
"description": "",
|
|
107
|
-
"gitHead": "
|
|
107
|
+
"gitHead": "3c89e50f21b7bbf2f16d7f566045eeead7bb0a25"
|
|
108
108
|
}
|