{"id":16870035,"url":"https://github.com/alxhotel/angular-openvidu","last_synced_at":"2025-06-23T20:03:30.244Z","repository":{"id":19953195,"uuid":"79382656","full_name":"alxhotel/angular-openvidu","owner":"alxhotel","description":":speech_balloon: Simple, robust, OpenVidu room videochat component for Angular","archived":false,"fork":false,"pushed_at":"2023-02-02T16:33:58.000Z","size":52583,"stargazers_count":15,"open_issues_count":4,"forks_count":10,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-23T20:03:29.382Z","etag":null,"topics":["angular","angular-openvidu","browser","chat","openvidu","video","webrtc"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alxhotel.png","metadata":{"files":{"readme":"README-demo.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-01-18T20:46:20.000Z","updated_at":"2023-01-02T00:11:19.000Z","dependencies_parsed_at":"2023-02-17T22:01:19.962Z","dependency_job_id":null,"html_url":"https://github.com/alxhotel/angular-openvidu","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/alxhotel/angular-openvidu","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alxhotel%2Fangular-openvidu","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alxhotel%2Fangular-openvidu/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alxhotel%2Fangular-openvidu/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alxhotel%2Fangular-openvidu/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alxhotel","download_url":"https://codeload.github.com/alxhotel/angular-openvidu/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alxhotel%2Fangular-openvidu/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261548714,"owners_count":23175490,"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":["angular","angular-openvidu","browser","chat","openvidu","video","webrtc"],"created_at":"2024-10-13T15:01:42.971Z","updated_at":"2025-06-23T20:03:30.215Z","avatar_url":"https://github.com/alxhotel.png","language":"CSS","readme":"# Angular Openvidu Demo\n\nThis is a demo app that implements **angular-openvidu**, using ALL the features included in the component.\n\n\u003cp align=\"center\"\u003e\u003cimg src=\"https://github.com/alxhotel/angular-openvidu/blob/master/docs/screenshots/app.png?raw=true\"/\u003e\u003c/p\u003e\n\n## Installation\n\n1. Install `@angular/cli` through npm:\n\n\t```bash\n\t$ sudo npm install -g @angular/cli\n\t```\n\n2. Start docker:\n\n\t```bash\n\t$ sudo docker run -p 8443:8443 --rm -e KMS_STUN_IP=193.147.51.12 -e KMS_STUN_PORT=3478 openvidu/openvidu-server-kms\n\t```\n\n3. Install dependencies:\n\n\t```bash\n\t$ npm install\n\t```\n\n4. Start the server from the root folder of the app:\n\n\t```bash\n\t$ ng serve\n\t```\n\n*Note: To run the preceding commands, [Node.js](http://nodejs.org), [npm](https://npmjs.com) and [docker](https://www.docker.com/) must be installed.*\n\n## Usage\n\nOpen your browser at: [http://localhost:4200](http://localhost:4200).\n\nThe app will automatically reload if you change any of the source files.\n\n## Running unit tests\n\nTo execute the unit tests via [Karma](https://karma-runner.github.io), run:\n\n```sh\n$ ng test\n```\n\n## Running end-to-end tests\n\nTo execute the end-to-end tests via [Protractor](http://www.protractortest.org/), run:\n\n```sh\n$ ng e2e\n```\n\nBefore running the tests make sure you are serving the app via `ng serve`.\n\n## Troubleshooting\n\n### Why does it keep saying \"Connecting...\"?\n\nYou may be having some trouble connecting to the OpenVidu Server's websocket.\n\nTo make sure you are accepting its certificate go to:\n\n- `[IP]`: Openvidu Server IP\n- `[PORT]`: Openvidu Server port\n\n```\nhttps://[IP]:[PORT]/room\n```\n\nAnd make sure to accept its certificate. Then go back to the app and refresh the page.\n\n### Why does it keep saying \"Joining room...\" or \"Loading camera...\"?\n\nIf you are accessing the app through a host different from `localhost` then you need to enable `HTTPS`.\n\nAt least in Google Chrome, this is because: *Any website which has integrated geolocation technology, screen-sharing, WebRTC and more, will now be required\n to be served from a secure (HTTPS) site.*\n\nYou could use [ngrok](https://ngrok.com/) to make an SSL tunnel to your computer. Or you could create a self-signed certificate,\nbut don't use it in production.\n\nCreate an SSL key:\n\n- `[SSL_KEY_PATH]`: your SSL key path\n- `[SSL_CERT_PATH]`: your SSL cert path\n\n```bash\n$ sudo openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout \"[SSL_KEY_PATH]\" -out \"[SSL_CERT_PATH]\"\n```\n\nTo enable HTTPS just run `angular-cli` with this command:\n\n```bash\n$ ng serve --ssl true --ssl-key \"[SSL_KEY_PATH]\" --ssl-cert \"[SSL_CERT_PATH]\" --host=0.0.0.0\n```\n\nSince you are not using `localhost`, you need `host=0.0.0.0` to listen for all IPs; you can change it to listen only for the IPs needed.\n\n## License\n\nApache Software License 2.0 ©\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falxhotel%2Fangular-openvidu","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falxhotel%2Fangular-openvidu","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falxhotel%2Fangular-openvidu/lists"}