# WebRTC integration on SPA template

**URL:** <https://discourse.aurelia.io/t/webrtc-integration-on-spa-template/578>\
**Category:** Help Requests\
**Created:** [December 31, 2017, 10:57pm UTC](https://discourse.aurelia.io/t/webrtc-integration-on-spa-template/578 "2017-12-31T22:57:50Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![andreabaldin](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/andreabaldin/32/225_2.png) [@andreabaldin](https://discourse.aurelia.io/u/andreabaldin)\
**Post date:** [December 31, 2017, 10:57pm UTC](https://discourse.aurelia.io/t/webrtc-integration-on-spa-template/578/1 "2017-12-31T22:57:50Z")

</div>

I would like to integrate _WebRTC_ features on my test app.  
Getting and downloading audio, video or a simple photo would be a great start.  
Any idea how to integrate [WebRTC](https://webrtc.org/start/) features on a **[ASP.NET](http://ASP.NET) SPA Template** app would be more than appreciated.

---

<div class="post-metadata">

**Author:** ![adriatic](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/adriatic/32/96_2.png) [@adriatic](https://discourse.aurelia.io/u/adriatic)\
**Post date:** [January 1, 2018, 4:47pm UTC](https://discourse.aurelia.io/t/webrtc-integration-on-spa-template/578/2 "2018-01-01T16:47:13Z")

</div>

Hi @andreabaldin  
I am assuming that (because your questions appears in Aurelia Discourse site) that you are interested in the approach outlined in **[Client-side development in ASP.NET Core](https://docs.microsoft.com/en-us/aspnet/core/client-side/)**, where the React application created with **[dotnet new react](https://docs.microsoft.com/en-us/aspnet/core/spa/react?tabs=visual-studio)** and subsequently used in **[Use the Single-Page Application templates (preview)](https://docs.microsoft.com/en-us/aspnet/core/spa/)** article is replaced with the Aurelia application.

If my assumption is correct, than besides all of the WebRTC specific information, you would also need the equivalent of **dotnet new aurelia** Aurelia app generator - something that can easily be “faked” (read hand-made).

The WebRTC specific knowledge is relatively straightforward - articles like

- **[Real time communications with WebRTC](https://codelabs.developers.google.com/codelabs/webrtc-web/#0)**
- **[WebRTC Video Chat in 20 Lines of JavaScript](https://www.pubnub.com/blog/2015-08-25-webrtc-video-chat-app-in-20-lines-of-javascript/)**

could be good starting points.

I would like to offer you a “deal”, assuming that you are interested in sharing your learned experiences with the Aurelia Community. In that case I would be happy to help you with this project, if you can join the team effort I just described as **[Get Aurelia Great](https://discourse.aurelia.io/t/get-aurelia-great-gag-call-for-action/574/6?u=adriatic)**

---

<div class="post-metadata">

**Author:** ![andreabaldin](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/andreabaldin/32/225_2.png) [@andreabaldin](https://discourse.aurelia.io/u/andreabaldin)\
**Post date:** [January 1, 2018, 9:39pm UTC](https://discourse.aurelia.io/t/webrtc-integration-on-spa-template/578/3 "2018-01-01T21:39:15Z")

</div>

Thanks for your prompt response @adriatic,  
Sure, I’m interested in cooperating with the community.

At this stage I’m interested in the [ASP.NET](http://ASP.NET) Core SPA template.  
Unfortunately my experience with Aurelia and Webpack is very limited so I’m facing lots of problems in interfacing JS libraries with Typescript.  
In my understanding WebRTC should be straightforward to use, I wonder how much difficult would be creating an Aurelia module…

However any help welcome and I will return to the community what I will discover and produce.

Cheers

---

<div class="post-metadata">

**Author:** ![adriatic](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/adriatic/32/96_2.png) [@adriatic](https://discourse.aurelia.io/u/adriatic)\
**Post date:** [January 2, 2018, 12:34am UTC](https://discourse.aurelia.io/t/webrtc-integration-on-spa-template/578/4 "2018-01-02T00:34:10Z")

</div>

Hi @andreabaldin

Great! As mentioned in my first response to your question (see below)

> [@adriatic](#):
>
> I would like to offer you a “deal”, assuming that you are interested in sharing your learned experiences with the Aurelia Community. In that case I would be happy to help you with this project

Let me create the proper context for this project, which I will explain in this article, tomorrow. In anticipation of this explanation, please check **[this similar project](https://aurelia-ui-toolkits.gitbooks.io/kendoui-bridge-docs/content/developers_tutorials.html)** we are maintaining already for the benefit of **[Aurelia KendoUI Bridge plugin](https://github.com/aurelia-ui-toolkits/aurelia-kendoui-bridge)** users. The difference between your project and this one is that I propose to create the equivalents of the Aurelia Navigation Skeletons enhanced with added support for WebRTC.

Keeping your project in such context that matches many similar existing ones will greatly facilitate the future aggregation of all Community based project into Aurelia Website.

How does this sound?

---

<div class="post-metadata">

**Author:** ![andreabaldin](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/andreabaldin/32/225_2.png) [@andreabaldin](https://discourse.aurelia.io/u/andreabaldin)\
**Post date:** [January 2, 2018, 12:57am UTC](https://discourse.aurelia.io/t/webrtc-integration-on-spa-template/578/5 "2018-01-02T00:57:48Z")

</div>

Hi @adriatic,

I’m not sure my experience on WebRTC integration deserves a skeleton  
project.  
Furthermore I’m just experiencing in getting videos, images and audio  
tracks from the camera/microphone using the [ASP.NET](http://ASP.NET) Core SPA template,  
not the other skeletons.

However I’m doing some progresses and I will be pleased to pass you what  
I will produce. Maybe you can extend and complete the exercise…

---

<div class="post-metadata">

**Author:** ![adriatic](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/adriatic/32/96_2.png) [@adriatic](https://discourse.aurelia.io/u/adriatic)\
**Post date:** [January 2, 2018, 2:59am UTC](https://discourse.aurelia.io/t/webrtc-integration-on-spa-template/578/6 "2018-01-02T02:59:54Z")

</div>

@andreabaldin: I was more interested in your desire to help the Community than into your experience with WebRTC - which is why I wrote that I would be happy to help you with this project.

On the other hand, there is no sense in kidnapping you into our context, so I will continue with (just created) **[Aurelia WebRTC](https://github.com/Aurelia-integrations/WebRTC)** samples and documentation project. Naturally, you are quite welcome to observe, comment and eventually join once and if you find it interesting.

Let me explain why is it that I am taking this so “formally”: I am convinced that we (all community members) need to stop pushing our own separate blogs, samples and technical documents; only by well organized collaborative efforts will Aurelia as a open source framework reach the level of completeness that matches a lot better funded and supported efforts like Angular, React or few others. I am using the word completeness to insinuate the relatively sparse technical documentation, without badly needed examples, code snippets, architectural discussions - all of which are really the very important to newcomers.

---

<div class="post-metadata">

**Author:** ![andreabaldin](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/andreabaldin/32/225_2.png) [@andreabaldin](https://discourse.aurelia.io/u/andreabaldin)\
**Post date:** [January 2, 2018, 11:05am UTC](https://discourse.aurelia.io/t/webrtc-integration-on-spa-template/578/7 "2018-01-02T11:05:22Z")

</div>

Hi @adriatic,

I understand and agree with you. Aurelia deserves a well organized  
documentation set. Unfortunately I’m not the right guy for the job,  
however I would be pleased to collaborate providing the result of my tests.  
Feel free to modify and publish at your name or mentioning me at your  
discretion.

At the end I completed what I was interested in today.  
My basic exercise using the camera stream feature part of WebRTC is  
available at _[https://github.com/andreabaldin/WebRTC](https://github.com/andreabaldin/WebRTC)_.

You’ll find minimal and trivial code. Hope it helps.  
I can’t wait to see your refactoring using correct Aurelia integration  
and bindings…

Ciao

---

<div class="post-metadata">

**Author:** ![adriatic](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/adriatic/32/96_2.png) [@adriatic](https://discourse.aurelia.io/u/adriatic)\
**Post date:** [January 2, 2018, 11:23am UTC](https://discourse.aurelia.io/t/webrtc-integration-on-spa-template/578/8 "2018-01-02T11:23:39Z")

</div>

@andreabaldin: deal 👌 stay in touch.