Skip to content
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.

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

fix: Use refs to select video tag to fix Safari bug #15

Open
wants to merge 7 commits into
base: main
Choose a base branch
from

Conversation

jamsea
Copy link
Contributor

@jamsea jamsea commented Oct 24, 2022

Saving the video track to Vue’s data() causes it to get wrapped up in Vue’s reactivity system causing issues in desktop and mobile Safari. The way around it was to handle video tracks with normal JavaScript, and replace the media stream using Daily's events.

* Update to vite, use latest vue tools

Remove comment

Update babel and package-lock

Fix lint issues

Fix lint issues

Fix prettier

Add github action

Test before building

* Lint ts files too

* Add tsconfig

Lint ts files too

Add tsconfig

Add tsconfig

Use vanilla js in Vue does not work

Still not working

Add console log for vue mounted

Gate off and blocked instead of playable

THIS WORKS.

Move div back into Vue. THIS WORKS

Fix spacing

Fix tsconfig remove edge cases

Remove comments

Remove video tile
@netlify
Copy link

netlify bot commented Oct 24, 2022

Deploy Preview for vue-call-object ready!

Name Link
🔨 Latest commit c6a5a44
🔍 Latest deploy log https://app.netlify.com/sites/vue-call-object/deploys/63872699e7503300089111f0
😎 Deploy Preview https://deploy-preview-15--vue-call-object.netlify.app/
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@jamsea jamsea marked this pull request as ready for review November 10, 2022 04:23
Copy link

@jayne-mast jayne-mast left a comment

Choose a reason for hiding this comment

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

Just some minor nitpicky things, but It looks good overall. Too bad it's less Vue-y, like you said but at least it works.

src/components/CallTile.vue Show resolved Hide resolved
src/components/CallTile.vue Outdated Show resolved Hide resolved
src/components/CallTile.vue Outdated Show resolved Hide resolved
src/components/CallTile.vue Outdated Show resolved Hide resolved
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants