@live-change/video-call-frontend 0.8.90 → 0.8.92

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 (3) hide show
  1. package/front/src/room/PeerVideo.vue +15 -16
  2. package/front/src/room/VideoWall.vue +1 -0
  3. package/package.json +38 -38
package/front/src/room/PeerVideo.vue CHANGED
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <div @click="ev => $emit('click', ev)"
3
- class="absolute text-gray-200 peer-video">
3
+ class="text-gray-200 peer-video">
4
4
 
5
5
  <div v-if="image && (!stream || peerState.videoState !== 'enabled')"
6
6
  class="absolute w-full h-full bg-no-repeat bg-center" :style="{
@@ -9,23 +9,22 @@
9
9
  }">
10
10
  </div>
11
11
 
12
+ <video v-if="stream"
13
+ autoplay playsinline
14
+ :src-object.prop.camel="stream"
15
+ :volume.prop.camel="volume"
16
+ :muted="audioMuted"
17
+ ref="videoElement"
18
+ @resize="handleVideoResize"
19
+ class="w-full h-full"
20
+ :style="mirror ? 'transform: scaleX(-1)' : ''">
21
+ </video>
22
+
12
23
  <div v-if="(peerState?.videoState !== 'enabled' || !stream) && !image && ownerType && owner"
13
- class="absolute w-full h-full flex flex-column align-items-center justify-content-center identification">
24
+ class="absolute w-full h-full left-0 top-0 flex flex-column align-items-center justify-content-center identification">
14
25
  <UserIdentification :ownerType="ownerType" :owner="owner" />
15
- <!-- <pre>{{ peerState }}</pre>
16
- <pre>[{{ ownerType }}]</pre>-->
17
- </div>
18
-
19
- <div v-if="stream">
20
- <video autoplay playsinline
21
- :src-object.prop.camel="stream"
22
- :volume.prop.camel="volume"
23
- :muted="audioMuted"
24
- ref="videoElement"
25
- @resize="handleVideoResize"
26
- class="w-full h-full"
27
- :style="mirror ? 'transform: scaleX(-1)' : ''">
28
- </video>
26
+ <!-- <pre>{{ peerState }}</pre>
27
+ <pre>[{{ ownerType }}]</pre>-->
29
28
  </div>
30
29
 
31
30
  <slot name="videoOverlay" v-bind="props" />
package/front/src/room/VideoWall.vue CHANGED
@@ -23,6 +23,7 @@
23
23
  @resize="ev => handleVideoResize(tile, ev)"
24
24
  @click="ev => handleVideoClick(tile, ev)"
25
25
  :audioOutputId="audioOutputId"
26
+ class="absolute"
26
27
  :style="videoStyles[tile.id]">
27
28
  <template #videoOverlay="props">
28
29
  <slot name="videoOverlay" v-bind="{ ...props, tile }"></slot>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@live-change/video-call-frontend",
3
- "version": "0.8.90",
3
+ "version": "0.8.92",
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.90",
39
- "@live-change/access-control-service": "^0.8.90",
40
- "@live-change/backup-service": "^0.8.90",
41
- "@live-change/blog-frontend": "^0.8.90",
42
- "@live-change/blog-service": "^0.8.90",
43
- "@live-change/cli": "^0.8.90",
44
- "@live-change/content-frontend": "^0.8.90",
45
- "@live-change/content-service": "^0.8.90",
46
- "@live-change/dao": "^0.8.90",
47
- "@live-change/dao-vue3": "^0.8.90",
48
- "@live-change/dao-websocket": "^0.8.90",
49
- "@live-change/db-client": "^0.8.90",
50
- "@live-change/email-service": "^0.8.90",
51
- "@live-change/framework": "^0.8.90",
52
- "@live-change/frontend-auto-form": "^0.8.90",
53
- "@live-change/frontend-base": "^0.8.90",
54
- "@live-change/geoip-service": "^0.8.90",
55
- "@live-change/image-frontend": "^0.8.90",
56
- "@live-change/locale-settings-service": "^0.8.90",
57
- "@live-change/password-authentication-service": "^0.8.90",
58
- "@live-change/peer-connection-service": "^0.8.90",
59
- "@live-change/prosemirror-service": "^0.8.90",
60
- "@live-change/secret-code-service": "^0.8.90",
61
- "@live-change/secret-link-service": "^0.8.90",
62
- "@live-change/session-service": "^0.8.90",
63
- "@live-change/task-service": "^0.8.90",
64
- "@live-change/upload-frontend": "^0.8.90",
65
- "@live-change/url-frontend": "^0.8.90",
66
- "@live-change/url-service": "^0.8.90",
67
- "@live-change/user-frontend": "^0.8.90",
68
- "@live-change/user-identification-service": "^0.8.90",
69
- "@live-change/user-service": "^0.8.90",
70
- "@live-change/vote-service": "^0.8.90",
71
- "@live-change/vue3-components": "^0.8.90",
72
- "@live-change/vue3-ssr": "^0.8.90",
38
+ "@live-change/access-control-frontend": "^0.8.92",
39
+ "@live-change/access-control-service": "^0.8.92",
40
+ "@live-change/backup-service": "^0.8.92",
41
+ "@live-change/blog-frontend": "^0.8.92",
42
+ "@live-change/blog-service": "^0.8.92",
43
+ "@live-change/cli": "^0.8.92",
44
+ "@live-change/content-frontend": "^0.8.92",
45
+ "@live-change/content-service": "^0.8.92",
46
+ "@live-change/dao": "^0.8.92",
47
+ "@live-change/dao-vue3": "^0.8.92",
48
+ "@live-change/dao-websocket": "^0.8.92",
49
+ "@live-change/db-client": "^0.8.92",
50
+ "@live-change/email-service": "^0.8.92",
51
+ "@live-change/framework": "^0.8.92",
52
+ "@live-change/frontend-auto-form": "^0.8.92",
53
+ "@live-change/frontend-base": "^0.8.92",
54
+ "@live-change/geoip-service": "^0.8.92",
55
+ "@live-change/image-frontend": "^0.8.92",
56
+ "@live-change/locale-settings-service": "^0.8.92",
57
+ "@live-change/password-authentication-service": "^0.8.92",
58
+ "@live-change/peer-connection-service": "^0.8.92",
59
+ "@live-change/prosemirror-service": "^0.8.92",
60
+ "@live-change/secret-code-service": "^0.8.92",
61
+ "@live-change/secret-link-service": "^0.8.92",
62
+ "@live-change/session-service": "^0.8.92",
63
+ "@live-change/task-service": "^0.8.92",
64
+ "@live-change/upload-frontend": "^0.8.92",
65
+ "@live-change/url-frontend": "^0.8.92",
66
+ "@live-change/url-service": "^0.8.92",
67
+ "@live-change/user-frontend": "^0.8.92",
68
+ "@live-change/user-identification-service": "^0.8.92",
69
+ "@live-change/user-service": "^0.8.92",
70
+ "@live-change/vote-service": "^0.8.92",
71
+ "@live-change/vue3-components": "^0.8.92",
72
+ "@live-change/vue3-ssr": "^0.8.92",
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.90",
96
+ "@live-change/codeceptjs-helper": "^0.8.92",
97
97
  "codeceptjs": "^3.6.5",
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": "745223326ab078f2155434fe684611fc1398df9d"
107
+ "gitHead": "493a6584a4c2b36794771f85df44fcc7e64a0db5"
108
108
  }