Skip to content

Add screen sharing support #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
18 commits merged into from
Mar 15, 2022
Merged

Add screen sharing support #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
dcb6236
wip screen sharing support
lazeratops Mar 8, 2022
b21f4dc
remove log lines
lazeratops Mar 8, 2022
c7080f6
use screen icons, styling
lazeratops Mar 8, 2022
582a398
styling, ensure screen share name is in the right place
lazeratops Mar 8, 2022
f3a8f76
Dedup, styling
lazeratops Mar 9, 2022
457cf9b
remove unneeded parameter
lazeratops Mar 9, 2022
3a3beaa
Don't show screen sharing controls unless screen sharing is enabled i…
lazeratops Mar 9, 2022
5c0c820
More consistent naming
lazeratops Mar 10, 2022
531ab79
Fix entering and leaving zone with another participant screen sharing
lazeratops Mar 10, 2022
3e1b8e1
more edge cases + comments
lazeratops Mar 10, 2022
881bf48
more comments
lazeratops Mar 10, 2022
91740df
Reset screen share controls between meetings
lazeratops Mar 11, 2022
6f87ec2
Check if browser supports screen sharing before retrieving room config
lazeratops Mar 11, 2022
4f39781
cleanup
lazeratops Mar 11, 2022
5007b7c
add aria-label
lazeratops Mar 11, 2022
5263166
add space
lazeratops Mar 11, 2022
163a885
Update comment, run prettier (which has converted line breaks to LF a…
lazeratops Mar 14, 2022
9e32a84
Fix disabling of screen share button when user exits zone (remove the…
lazeratops Mar 14, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 11 additions & 4 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@

<meta
http-equiv="Content-Security-Policy"
content="default-src 'self'; frame-src 'self' https://*.daily.co; script-src 'self' https://unpkg.com/@daily-co/daily-js 'unsafe-eval'; connect-src https://*.daily.co https://*.pluot.blue wss:; worker-src 'self' blob:; style-src 'self' https://fonts.googleapis.com/css2; font-src 'self' https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2 https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2 https://*.gstatic.com"
Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is not related to screen sharing, just removing an unneeded directive

content="default-src 'self'; frame-src 'self' https://*.daily.co; script-src 'self' 'unsafe-eval'; connect-src https://*.daily.co https://*.pluot.blue wss:; worker-src 'self' blob:; style-src 'self' https://fonts.googleapis.com/css2; font-src 'self' https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2 https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2 https://*.gstatic.com"
/>

<link rel="preconnect" href="https://fonts.googleapis.com" />
Expand Down Expand Up @@ -70,17 +70,24 @@ <h1 class="title">Spatialization demo</h1>

<div id="call">
<div id="controls">
<button id="toggleCam"></button>
<button id="toggleMic"></button>
<button id="toggleCam" aria-label="Toggle camera"></button>
<button id="toggleMic" aria-label="Toggle microphone"></button>
<button
id="toggleScreenShare"
class="screen-disabled hidden"
aria-label="Toggle screen share"
disabled
></button>
<button id="leave">Leave Call</button>
</div>
<div id="world"></div>
<div id="focus">
<div id="broadcast" class="tile">
<div id="broadcast" class="camera">
<video id="broadcastVideo" class="fit" autoplay></video>
<div id="broadcastName" class="name"></div>
</div>
<div id="zonemates"></div>
<div id="screenShares"></div>
</div>
</div>
</div>
Expand Down
Loading