daniel543x/artcraft
1
0 Fork 0
mirror of https://github.com/storytold/artcraft.git synced 2026-11-02 08:28:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Back-port old about and terms pages with feature flag

Browse Source
This commit is contained in:
Brandon Thomas committed 2022-07-10 20:55:46 -04:00
1 parent 01556b32dc
commit 1bfaa9ef03
2 files changed
+239
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/fakeyou/src/v2/view/about/about_page/AboutPage.tsx
+162
View File
@@ -1,11 +1,173 @@
import React from "react";
import { Link } from "react-router-dom";
import { distance, delay, delay2, duration } from "../../../../data/animation";
import { USE_REFRESH } from "../../../../Refresh";
const Fade = require("react-reveal/Fade");
interface Props {}
function AboutPage(props: Props) {
if (!USE_REFRESH) {
return (
<div className="content is-medium">
<section className="hero is-small">
<div className="hero-body">
<div className="columns is-vcentered">
<div className="column is-one-third">
<div className="mascot">
<img src="/mascot/kitsune_pose3_black_2000.webp" alt="FakeYou Kitsune Mascot!" />
</div>
</div>
<div className="column">
<p className="title">
A Glimpse of the Future
</p>
<p className="subtitle">
We're building <strong>FakeYou</strong> as just one component of a
broad set of production and creative tooling.
</p>
</div>
</div>
</div>
</section>
<h1 className="title is-4">About FakeYou</h1>
<p>
Your brain was already capable of imagining things spoken in other people's voices. This is
a demonstration of how far computers have caught up. One day computers will be able to
bring all of the rich and vivid imagery of your hopes and dreams to life. There's never been a
better time throughout all history to be a creative than now.
</p>
<h1 className="title is-4"> Technology disclosure </h1>
<p>
<em>We'll be happy to remove any of the voices featured here for any reason.
See our <Link to="/terms">terms page</Link> for more info.</em>
</p>
<p>
&rdquo;Deep fakes&rdquo; are kind of like Photoshop when it first came out. They're impressive, maybe a
little bit scary, but they're about to become the new norm. People will become accustomed to the technology,
and the results will be used mostly for creative good, unlocking previously costly and unattainable high
production values for individual creators. It's our belief that the next Hollywood will be <em>you</em>.
</p>
<p>
The technology to clone voices is already out in the open, and the voices here are built by a
community of contributors. We're not the only website doing this, and plenty of people are producing
these same results on their own at home, independent of our work. You can see thousands of examples
on YouTube and social media.
</p>
<p>
Even if the United States chooses to ban this technology, institutions in China, Japan, Canada,
and other countries all over the world are rapidly conducting and publishing research
on this topic. People everywhere have access to this easy-to-use technology. State actors
probably have even more sophisiticated versions available.
</p>
<p>
As an interesting point, most if not all of the voices produced by this website are actually
<em>Linda Johnson</em> with a little bit layered on top.
</p>
<p>
<a href="https://github.com/NVIDIA/tacotron2" target="_blank" rel="noopener noreferrer">NVIDIA
makes these tools publicly available for you to make your own voice models</a>. Check it out!
</p>
<h1 className="title is-4">FakeYou was previously Vocodes</h1>
<p>FakeYou.com was previously known as <strong>https://vo.codes</strong>, but has been rebranded
to better reflect its purpose and direction. (Not many people know what a <em>vocoder</em> is
anyway, so it didn't make sense to keep the name.)</p>
<h1 className="title is-4">Thanks</h1>
<p>
Thanks to the following individuals (in no particular order) for help with data
gathering and annotation, Discord moderation, ML advice, etc.
</p>
<p>
Vegito1089,
Shin,
Ashurath,
MakaveliGH,
Blutarch Mann,
Yahia,
Tim Squid,
Seuneramet,
Matt,
Seth,
CookiePPP,
<a href="https://twitter.com/r9y9/" target="_blank" rel="noopener noreferrer">@r9y9</a>.
</p>
<p>
The following papers, models, and resources were used:
<a href="https://github.com/NVIDIA/tacotron2" target="_blank" rel="noopener noreferrer">Tacotron2</a> (BSD-3 license),
<a href="https://github.com/jaywalnut310/glow-tts" target="_blank" rel="noopener noreferrer">glow-tts</a> (MIT license), {/* MIT */}
<a href="https://github.com/seungwonpark/melgan" target="_blank" rel="noopener noreferrer">MelGAN</a> (BSD-3 license), {/* BSD3 */}
<a href="https://arxiv.org/pdf/2005.05106.pdf" target="_blank" rel="noopener noreferrer">Multi-band MelGAN</a> (paper),
<a href="https://arxiv.org/abs/2010.05646" target="_blank" rel="noopener noreferrer">HiFi-GAN</a> (paper),
<a href="https://github.com/Rudrabha/Wav2Lip" target="_blank" rel="noopener noreferrer">Wav2Lip</a> (MIT license), {/* Non-commercial */}
<a href="http://www.speech.cs.cmu.edu/cgi-bin/cmudict" target="_blank" rel="noopener noreferrer">CMUDict</a> (BSD-2 license),
<a href="https://keithito.com/LJ-Speech-Dataset/" target="_blank" rel="noopener noreferrer">LJSpeech</a> (public domain),
<a href="https://datashare.is.ed.ac.uk/handle/10283/3443" target="_blank" rel="noopener noreferrer">VCTK</a> (CC BY 4.0).
</p>
<p>
Videos are generated by the amazing Wav2Lip system <a
href="https://doi.org/10.1145/3394171.3413532" target="_blank" rel="noopener noreferrer">(paper)</a>,
by Prajwal <a href="https://twitter.com/prajwalkr14" target="_blank" rel="noopener noreferrer">(@prajwalkr14)</a>,
K R and Mukhopadhyay, Rudrabha and Namboodiri, Vinay P. and Jawahar, C.V.
</p>
<h1 className="title is-4">Contact</h1>
<p>
Reach out to "echelon" on <a href="https://twitter.com/echelon" target="_blank" rel="noopener noreferrer">Twitter</a>&nbsp;and
Hacker News. Say hi.
</p>
<p>
The Storyteller Company (registered as Learning Machines, LLC)
</p>
<h1 className="title is-4"> Built With </h1>
<div className="columns is-mobile is-gapless">
<div className="column">
<figure className="image is-square is-fullwidth vocodes-grid-marginless">
<img src="/logos/pytorch.png" alt="models are written in pytorch" />
</figure>
</div>
<div className="column">
<figure className="image is-square is-fullwidth vocodes-grid-marginless">
<img src="/logos/rust.png" alt="core server components are written in Rust" />
</figure>
</div>
<div className="column">
<figure className="image is-square is-fullwidth vocodes-grid-marginless">
<img src="/logos/kubernetes.png" alt="the cluster scales with k8s" />
</figure>
</div>
</div>
</div>
);
}
return (
<div>
<div className="container mb-4">
packages/fakeyou/src/v2/view/about/terms_page/TermsPage.tsx
+77
View File
@@ -1,10 +1,87 @@
import React from "react";
import { distance, delay2, duration } from "../../../../data/animation";
import { USE_REFRESH } from "../../../../Refresh";
const Fade = require("react-reveal/Fade");
interface Props {}
function TermsPage(props: Props) {
if (!USE_REFRESH) {
return (
<div className="content is-medium">
<section className="hero is-small">
<div className="hero-body">
<div className="columns is-vcentered">
<div className="column is-one-third">
<div className="mascot">
<img src="/mascot/kitsune_pose1_black_2000.webp" alt="FakeYou Kitsune Mascot!" />
</div>
</div>
<div className="column">
<p className="title">
Terms and Conditions
</p>
<p className="subtitle">
Please use this technology responsibly.
</p>
</div>
</div>
</div>
</section>
<h1 className="title is-4">Terms of Use</h1>
<p>
We do not condone the use of FakeYou for any type of deception, slur,
abuse, or mistreatment of any individual or group. Please report such
abuses to our <a href="https://discord.gg/H72KFXm">community staff on Discord</a>.
Bad actors will have their access revoked and materials deleted.
</p>
<p>
This is a research technololgy for fun. You may not use FakeYou deepfakes
for commercial use.
</p>
<p>
Do not engage in unlawful activity or attempt to impersonate any person,
company, or other entity. All published usages must be labled as "deep fake".
</p>
<p>
<em>The audio we generate is watermarked, and we will soon release a tool to
verify that it is deep fake generated and trace it back to its source.</em>
</p>
<h1 className="title is-5">Takedown Requests</h1>
<p>
The machine learning models and content at FakeYou are user-submitted, but we'll be happy to
remove content for any reason for copyright holders, original speakers, voice actors, et al.
Please send us an email to <code>copyright@storyteller.io</code> with details in order to
request a takedown.
</p>
<h1 className="title is-5">Voice Acting &amp; Musician Jobs</h1>
<p>
If you're a voice actor or musician, we're looking to hire talented performers to help us build
commercial-friendly AI voices. (The user-submitted models on FakeYou are just a technology
demonstration and may not be used commercially.) We want to empower small creators (game
designers, musicians, and more) to voice, sing, and speak emotion into their work. Please reach
out to <code>jobs@storyteller.io</code> if you'd like to work with us. We can pay a flat fee
and/or royalty. Please get in touch to learn more!
</p>
</div>
);
}
return (
<div>
<div className="container pt-5 pb-0 pb-lg-5 text-center text-lg-start">