{"id":13762114,"url":"https://github.com/daily-demos/web-components","last_synced_at":"2025-05-10T14:31:21.106Z","repository":{"id":43857309,"uuid":"412598079","full_name":"daily-demos/web-components","owner":"daily-demos","description":null,"archived":false,"fork":false,"pushed_at":"2022-02-15T23:24:40.000Z","size":167,"stargazers_count":3,"open_issues_count":0,"forks_count":2,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-02-12T23:13:12.080Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-2-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/daily-demos.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-10-01T19:43:33.000Z","updated_at":"2024-01-26T06:20:29.000Z","dependencies_parsed_at":"2022-09-11T10:21:52.695Z","dependency_job_id":null,"html_url":"https://github.com/daily-demos/web-components","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daily-demos%2Fweb-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daily-demos%2Fweb-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daily-demos%2Fweb-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daily-demos%2Fweb-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/daily-demos","download_url":"https://codeload.github.com/daily-demos/web-components/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253428290,"owners_count":21906888,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-03T14:00:34.989Z","updated_at":"2025-05-10T14:31:20.798Z","avatar_url":"https://github.com/daily-demos.png","language":"JavaScript","funding_links":[],"categories":["Frameworks"],"sub_categories":["Web components"],"readme":"# Daily web components\n\n![Two participants waving in a Daily call](example.jpg)\n\nThis demo represents use of Daily's custom [daily-js front end library](https://docs.daily.co/reference/daily-js) and [web components](https://developer.mozilla.org/en-US/docs/Web/Web_Components) to create an interactive video call that can be added to any website or application.\n\nYou can check out a live version [here](https://daily-demos.github.io/web-components).\n\n## Requirements\n\nTo use this demo, you will first need to [create a Daily account](https://dashboard.daily.co/signup). Once you have an account and are logged into the [Daily Dashboard](https://dashboard.daily.co), you can [create a new Daily room](https://dashboard.daily.co/rooms/create) and copy its URL.\n\n_Note: You can also create Daily rooms via the [REST API](https://docs.daily.co/reference/rest-api/rooms)._\n\nYou can use your Daily room in the demo by pasting the room URL into the input field. The room URL should be in this format to be valid: `https://domain-name.daily.co/room-name`, with `daily-domain` changed to your domain, and `room-name` changed to the name of the existing room you would like to use.\n\nTo get started with a local deployment, run a server from this repo's directory. You can use something like `python -m SimpleHTTPServer` (run on the command line in the repo's directory) or use the VSCode [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) extension. See [How do you set up a local testing server?](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/set_up_a_local_testing_server) for more info.\n\nThis demo uses the following Daily methods:\n\n- [`createCallObject()`](https://docs.daily.co/reference/daily-js/factory-methods/create-call-object#main)\n- [`join()`](https://docs.daily.co/reference/daily-js/instance-methods/join#main)\n- [`leave()`](https://docs.daily.co/reference/daily-js/instance-methods/leave#main)\n- [`setLocalVideo()`](https://docs.daily.co/reference/daily-js/instance-methods/set-local-video#main)\n- [`setLocalAudio()`](https://docs.daily.co/reference/daily-js/instance-methods/set-local-audio#main)\n- [`startScreenShare()`](https://docs.daily.co/reference/daily-js/instance-methods/start-screen-share#main)\n- [`stopScreenShare()`](https://docs.daily.co/reference/daily-js/instance-methods/stop-screen-share#main)\n\nThis demo uses the following Daily events:\n\n- [`error`](https://docs.daily.co/reference/daily-js/events/meeting-events#error)\n- [`participant-left`](https://docs.daily.co/reference/daily-js/events/participant-events#participant-left)\n- [`track-started`](https://docs.daily.co/reference/daily-js/events/participant-events#track-started)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaily-demos%2Fweb-components","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdaily-demos%2Fweb-components","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaily-demos%2Fweb-components/lists"}