Skip to content

Commit e594a4a

Browse files
committed
Added documentation
1 parent 135e9a5 commit e594a4a

File tree

2 files changed

+7
-11
lines changed

2 files changed

+7
-11
lines changed

src/docs-page.html

Lines changed: 5 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,7 @@
6969
<li class="list-inline-item"><a href="https://www.linkedin.com/company/vectorly"><i class="fab fa-linkedin fa-fw"></i></a></li>
7070
<li class="list-inline-item"><a href="https://angel.co/vectorly"><i class="fab fa-angellist fa-fw"></i></a></li>
7171
</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>
7373
<a href="mailto:[email protected]" class="btn btn-outline-primary d-none d-lg-flex" style="margin-left: 20px;">Contact</a>
7474
</div><!--//docs-top-utilities-->
7575
</div><!--//container-->
@@ -133,7 +133,7 @@ <h2 class="section-heading">Installation</h2>
133133

134134

135135

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>
137137

138138

139139
<p> <b>NPM</b>
@@ -321,13 +321,9 @@ <h2 class="section-heading">Integration</h2>
321321

322322

323323
<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();
331327

332328
</code></pre>
333329

src/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@
6262
<li class="list-inline-item"><a href="https://www.linkedin.com/company/vectorly"><i class="fab fa-linkedin fa-fw"></i></a></li>
6363
<li class="list-inline-item"><a href="https://angel.co/vectorly"><i class="fab fa-angellist fa-fw"></i></a></li>
6464
</ul><!--//social-list-->
65-
<a href="https://upscaler.vectorly.io/#/signup" class="btn btn-primary d-none d-lg-flex">Sign up</a>
65+
<a href="https://ai-filters.vectorly.io/#/signup" class="btn btn-primary d-none d-lg-flex">Sign up</a>
6666

6767
<a href="mailto:[email protected]" class="btn btn-outline-primary d-none d-lg-flex" style="margin-left: 20px;">Contact</a>
6868
</div><!--//docs-top-utilities-->
@@ -191,7 +191,7 @@ <h5 class="card-title mb-3">
191191
<h3 class="mb-2 text-white mb-3">Ready to Try it Out?</h3>
192192
<div class="section-intro text-white mb-3 single-col-max mx-auto"> Our AI Filters are still in beta, but you can get started by signing up below.</div>
193193
<div class="pt-3 text-center">
194-
<a class="btn btn-light" href="https://upscaler.vectorly.io/#/signup">Get Started<i class="fas fa-arrow-alt-circle-right ml-2"></i></a>
194+
<a class="btn btn-light" href="https://ai-filters.vectorly.io/#/signup">Get Started<i class="fas fa-arrow-alt-circle-right ml-2"></i></a>
195195
</div>
196196
</div>
197197
</section><!--//cta-section-->

0 commit comments

Comments
 (0)