https://github.com/marc136/elm-conf

https://github.com/marc136/elm-conf

custom-elements elm webrtc

Last synced: 26 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/marc136/elm-conf
• Owner: marc136
• Created: 2020-05-27T19:28:21.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2020-10-08T19:07:57.000Z (over 4 years ago)
• Last Synced: 2024-11-07T20:52:22.458Z (3 months ago)
• Topics: custom-elements, elm, webrtc
• Language: JavaScript
• Homepage: https://marc-walter.info/posts/2020-06-30_elm-conf/
• Size: 699 KB
• Stars: 4
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ELM-CONF

This is a simple WebRTC conferencing example that uses custom elements (aka "webcomponents") to render the media streams received from other peers.

![preview](./elm-conf-example.jpg)

I also wrote [a post with more information and a detailed explanation](https://marc-walter.info/posts/2020-06-30_elm-conf/) of key concepts.

## Installation

Install [node.js](https://nodejs.org) and then the local dependencies, e.g. via `npm install`.

## Usage

For local development:

I use [caddy](https://caddyserver.com) as proxy, but it works just as well when starting the [elm-app dev server](https://github.com/halfzebra/create-elm-app#quickstart) and the backend server directly.

**INFO:** You can enable or disable the elm debugger in the `.env` file.

### Directly

Start the server

```sh

npm start

# or

node server.js

```

Then configure the backend server address in `.env`, e.g.:

```

ELM_APP_WS_SERVER=http://localhost:8443

```

And then start the live-reload elm-app dev server

```sh

npx elm-app start

```

### With caddy

```sh

# Start the backend server

node server.js

# Compile the app

npx elm-app build

# Start caddy

caddy start --config Caddyfile

```