# Web Examples

You can find our [Web examples on GitHub](https://github.com/PhenixTechOps/examples). The repository includes instructions on using the example code.

Using the examples requires viewing and/or publishing [EdgeAuth](/content/docs/sdk_ref/edgeauth/overview/index.html) tokens.

A viewing token for a sample Phenix stream is shown below. This can be used for demonstration purposes. Paste the token in place of the "AUTH_TOKEN" in the JavaScript.

Copy

```
DIGEST:eyJhcHBsaWNhdGlvbklkIjoiZGVtbyIsImRpZ2VzdCI6IjAvTTV1VEwwU0dMNnF4ZmpYOG5STXoyYnErY0NrN0NPUWdqTXk3WnNEVFgxbmM5S1craHVQVERSTWJkdGp1ZExnNVRoVWlaR2Z6YVVRNU1BSjg4ZDNRPT0iLCJ0b2tlbiI6IntcImV4cGlyZXNcIjoxOTk0NTk5NDQ1Mjk1LFwidXJpXCI6XCJodHRwczovL3BjYXN0LnBoZW5peHJ0cy5jb21cIixcInJlcXVpcmVkVGFnXCI6XCJjaGFubmVsSWQ6dXMtbm9ydGhlYXN0I2RlbW8jcGhlbml4V2Vic2l0ZURlbW9cIn0ifQ==
```

## Channel Viewer 2.0

A simple example that shows how to view a channel using the [Phenix Web SDK 2.0](/content/docs/sdk_ref/web/next-gen-channel/index.html).

- [HTML+JavaScript Code](https://github.com/PhenixTechOps/examples/tree/main/ChannelViewer)
- [JSFiddle Example](https://phenix-techops-samples.pages.dev/PostToFiddle/?example=ChannelViewer)

## Embedded Channel Frame

A simple example that shows how to view a channel using the [Embedded Channel](/content/docs/sdk_ref/web/embedding-a-channel/index.html).

- [HTML+JavaScript Code](https://github.com/PhenixTechOps/examples/tree/main/EmbeddedIFrame)
- [JSFiddle Example](https://phenix-techops-samples.pages.dev/PostToFiddle/?example=EmbeddedIFrame)

## Channel Publisher

A simple example that shows how to publish to a channel using the [Phenix Web SDK 1.0](/content/docs/sdk_ref/web/express-channel/#publish-to-a-channel/index.html).

- [HTML+JavaScript Code](https://github.com/PhenixTechOps/examples/tree/main/ChannelPublisher)
- [JSFiddle Example](https://phenix-techops-samples.pages.dev/PostToFiddle/?example=ChannelPublisher)

## Native GUM Channel Publisher

An advanced example that shows how to publish a **native GetUserMedia stream** to a channel using the [Phenix Web SDK](/content/docs/sdk_ref/web/express-pcast/#express-get-user-media/index.html). This allows, for example, to publish a portrait video in browsers that support capturing with the corresponding GetUserMedia constraints.

- [HTML+JavaScript Code](https://github.com/PhenixRTS/WebExamples/tree/master/src/ChannelPublisherWithNativeGUM)
- [Live Example](/content/examples/ChannelPublisherWithNativeGUM/index.html)

## Channel Viewer 1.0

A simple example that shows how to view a channel using the [Phenix Web SDK 1.0](/content/docs/sdk_ref/web/overview/index.html).

- [HTML+JavaScript Code](https://github.com/PhenixRTS/WebExamples/tree/master/src/ChannelViewer)
- [Live Example](/content/examples/ChannelViewer/index.html)