|
<!DOCTYPE html> |
|
|
|
|
|
<html> |
|
|
|
<head> |
|
<meta charset="utf-8"> |
|
<title>MoeSpeech Similarity Map</title> |
|
<script type="text/javascript" src="https://unpkg.com/vis-network/standalone/umd/vis-network.min.js"></script> |
|
<style> |
|
#network { |
|
width: 100%; |
|
height: 1200px; |
|
border: 1px solid black; |
|
border-radius: 4px; |
|
margin-top: 20px; |
|
} |
|
|
|
#infoview { |
|
margin: 10px; |
|
} |
|
|
|
#infoview span { |
|
font-size: 18px; |
|
|
|
} |
|
|
|
button { |
|
padding: 10px 15px; |
|
margin: 10px 5px; |
|
|
|
border-radius: 4px; |
|
background-color: #D2E5FF; |
|
border-color: #2B7CE9; |
|
color: black; |
|
cursor: pointer; |
|
transition: background-color 0.3s; |
|
} |
|
|
|
button:hover { |
|
background-color: #9ec5ff; |
|
} |
|
</style> |
|
</head> |
|
|
|
<body> |
|
<h2>MoeSpeech Similarity Map</h2> |
|
|
|
<div id="terms-container"> |
|
<h3>Terms of use</h3> |
|
<p> |
|
ここでは<a href="https://huggingface.co/datasets/litagin/moe-speech">MoeSpeech</a>データセットのuuidごとの類似度グラフを提供しています。 |
|
<br> |
|
このエクスプローラーを利用するには以下の利用規約に同意する必要があります。 |
|
<br> |
|
<li>ここで提供されている情報を再配布してはいけません。</li> |
|
<li>話者に関する情報を共有してはいけません。例えば、あるuuidと別のuuidが非常に似ている等の情報を第三者に共有してはいけません。</li> |
|
<li><a |
|
href="https://huggingface.co/spaces/litagin/moe-speech-license">MoeSpeechデータセットのライセンス</a>を読み、同意してください。 |
|
</li> |
|
</p> |
|
<p> |
|
This provides a similarity graph of each uuids of <a |
|
href="https://huggingface.co/datasets/litagin/moe-speech">MoeSpeech</a> dataset. |
|
<br> |
|
To use this explorer, you must agree to the following terms of use. |
|
<br> |
|
<li>You should not distribute the provided information.</li> |
|
<li>You should not share any information about the speakers. For example, you should not share that one uuid |
|
is very similar to another uuid.</li> |
|
<li>You should read and agree to the <a |
|
href="https://huggingface.co/spaces/litagin/moe-speech-license">MoeSpeech dataset license</a></li> |
|
</p> |
|
<input type="checkbox" id="agree-checkbox">利用規約に同意する / I agree to the terms of use |
|
<button id="agree-button" disabled>同意する / Agree</button> |
|
</div> |
|
|
|
<hr> |
|
<div id="main-content" style="display:none;"> |
|
<p>近い声質の識別子同士が繋がっています。拡大縮小や頂点の移動ができます。辺が短いほど・太いほど似ているはずです（あくまで目安です）。辺にカーソルをのせたときの数字は2つのコサイン類似度です。 |
|
<details> |
|
<summary>技術的な詳細</summary> |
|
データからランダムに10音声を選び、それぞれに対して |
|
<a |
|
href="https://huggingface.co/pyannote/wespeaker-voxceleb-resnet34-LM">この埋め込み</a>を使って得られた256次元特徴量の平均に対して、それらのコサイン距離を使ってminimum |
|
spanning treeを作ったものです。 |
|
</details> |
|
</p> |
|
<p> |
|
Similar speakers are connected. You can zoom in/out and move the nodes. The shorter/thicker the edge, the |
|
more |
|
similar the speakers should be (this is just a rough guide). The number on the edge is the cosine similarity |
|
between the two embeddings. |
|
<details> |
|
<summary>Technical details</summary> |
|
This is a minimum spanning tree of the cosine distances between the average of 256-dimensional embeddings |
|
obtained from |
|
<a href="https://huggingface.co/pyannote/wespeaker-voxceleb-resnet34-LM">this embedding</a> for 10 random |
|
samples. |
|
</details> |
|
</p> |
|
<hr> |
|
|
|
<div id="infoview"> |
|
<div id="search-view"> |
|
<label for="model-name-input">Search uuid: </label> |
|
<input type="text" id="model-name-input" placeholder="input uuid"> |
|
<button id="search-button">Search</button> |
|
</div> |
|
<span id="node-description">Current uuid:</span> |
|
<span id="node-name">Select uuid</span> |
|
<br> |
|
<span id="node-num-files-desc">Number of files: </span> |
|
<span id="node-num-files"></span> |
|
<br> |
|
<span id="node-duration-desc">Total duration (min):</span> |
|
<span id="node-duration"></span> |
|
<br> |
|
<span id="node-f0-desc">Mean F0 (Hz): </span> |
|
<span id="node-f0"></span> |
|
</div> |
|
<div id="network"></div> |
|
</div> |
|
<script src="graph.js"></script> |
|
<script src="terms.js"></script> |
|
</body> |
|
|
|
</html> |
|
|
|
</html> |
