|
69 | 69 | <li class="list-inline-item"><a href="https://www.linkedin.com/company/vectorly"><i class="fab fa-linkedin fa-fw"></i></a></li>
|
70 | 70 | <li class="list-inline-item"><a href="https://angel.co/vectorly"><i class="fab fa-angellist fa-fw"></i></a></li>
|
71 | 71 | </ul><!--//social-list-->
|
72 |
| - <a href="https://upscaler.vectorly.io/#/signup" class="btn btn-primary d-none d-lg-flex">Sign up</a> |
| 72 | + <a href="https://ai-filters.vectorly.io/#/signup" class="btn btn-primary d-none d-lg-flex">Sign up</a> |
73 | 73 | <a href=" mailto:[email protected]" class=" btn btn-outline-primary d-none d-lg-flex" style=" margin-left: 20px;" >Contact </a>
|
74 | 74 | </div><!--//docs-top-utilities-->
|
75 | 75 | </div><!--//container-->
|
@@ -133,7 +133,7 @@ <h2 class="section-heading">Installation</h2>
|
133 | 133 |
|
134 | 134 |
|
135 | 135 |
|
136 |
| - <p>When you <a href="https://upscaler.vectorly.io" target="_blank"> sign up</a>, you'll get a <code>token</code> which, you will need to use the library. Next, you can install the ai-filters library via NPM or via CDN</p> |
| 136 | + <p>When you <a href="https://ai-filters.vectorly.io" target="_blank"> sign up</a>, you'll get a <code>token</code> which, you will need to use the library. Next, you can install the ai-filters library via NPM or via CDN</p> |
137 | 137 |
|
138 | 138 |
|
139 | 139 | <p> <b>NPM</b>
|
@@ -321,13 +321,9 @@ <h2 class="section-heading">Integration</h2>
|
321 | 321 |
|
322 | 322 |
|
323 | 323 | <pre><code>
|
324 |
| - navigator.mediaDevices.getUserMedia({video:true, audio:true}).then(function(stream) { |
325 |
| - |
326 |
| - const filter = new BackgroundFilter(stream, {token: 'insert-vectorly-token-here', background: 'blur'}); |
327 |
| - filter.getOutput().then(function(filteredStream){ |
328 |
| - //Video Stream Track |
329 |
| - }); |
330 |
| - }); |
| 324 | + const videoTrack = await navigator.mediaDevices.getUserMedia({video:true, audio:true}).getVideoTracks()[0]; |
| 325 | + const filter = new BackgroundFilter(videoTrack, { background: 'image.jpg'}); |
| 326 | + const virtualBackgroundTrack = await filter.getOutputTrack(); |
331 | 327 |
|
332 | 328 | </code></pre>
|
333 | 329 |
|
|
0 commit comments