myxelium/Toju
1
0
Fork 0
Code Issues 11 Pull Requests Actions Packages Projects 2 Releases 20 Wiki Activity

feat: Add webcam basic support

Browse Source
This commit is contained in:
SocksOnHead
2026-03-30 03:10:44 +02:00
parent 727059fb52
commit b7d4bf20e3
40 changed files with 1042 additions and 296 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
toju-app/src/app/features/room/rooms-side-panel/rooms-side-panel.component.html
View File

@@ -201,11 +201,15 @@
[title]="getPeerLatency(u) !== null ? getPeerLatency(u) + ' ms' : 'Measuring...'"
></span>
}
@if (u.screenShareState?.isSharing || isUserSharing(u.id)) {
@if (isUserStreaming(u.oderId || u.id)) {
<button
(click)="viewStream(u.oderId || u.id); $event.stopPropagation()"
class="px-1.5 py-0.5 text-[10px] font-bold bg-red-500 text-white rounded animate-pulse hover:bg-red-600 transition-colors"
class="inline-flex items-center gap-1 px-1.5 py-0.5 text-[10px] font-bold bg-red-500 text-white rounded animate-pulse hover:bg-red-600 transition-colors"
>
<ng-icon
[name]="getUserLiveIconName(u.oderId || u.id)"
class="w-2.5 h-2.5"
/>
LIVE
</button>
}
@@ -261,13 +265,13 @@
In voice
</p>
}
@if (currentUser()?.screenShareState?.isSharing || (currentUser()?.id && isUserSharing(currentUser()!.id))) {
@if (currentUser() && isUserStreaming(currentUser()!.oderId || currentUser()!.id)) {
<button
class="text-[10px] bg-red-500 text-white px-1.5 py-0.5 rounded-sm font-medium flex items-center gap-1 animate-pulse hover:bg-red-600 transition-colors"
(click)="viewStream(currentUser()!.oderId || currentUser()!.id); $event.stopPropagation()"
>
<ng-icon
name="lucideMonitor"
[name]="getUserLiveIconName(currentUser()!.oderId || currentUser()!.id)"
class="w-2.5 h-2.5"
/>
LIVE
@@ -318,13 +322,13 @@
In voice
</p>
}
@if (user.screenShareState?.isSharing || isUserSharing(user.id)) {
@if (isUserStreaming(user.oderId || user.id)) {
<button
(click)="viewStream(user.oderId || user.id); $event.stopPropagation()"
class="text-[10px] bg-red-500 text-white px-1.5 py-0.5 rounded-sm font-medium hover:bg-red-600 transition-colors flex items-center gap-1 animate-pulse"
>
<ng-icon
name="lucideMonitor"
[name]="getUserLiveIconName(user.oderId || user.id)"
class="w-2.5 h-2.5"
/>
LIVE