File size: 13,446 Bytes
bae7bb6 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 |
You may want to set a password, you are sharing this Gradio publicly.
=== GPU Information ===
GPU Device: Tesla T4
Total memory: 14.74786376953125 GB
CUDA Version: 11.8
PyTorch Version: 2.0.1+cu118
OFFLOAD_CPU: True (Default is True)
USE_SMALL_MODELS: False (Default is False)
GLOBAL_ENABLE_MPS (Apple): False (Default is False)
GPU Memory: 14.74786376953125 GB
SUNO_HALF_PRECISION: False (Default is False)
SUNO_HALF_BFLOAT16: False (Default is False)
SUNO_DISABLE_COMPILE: False (Default is False)
SUNO_USE_DIRECTML (AMD): False (Default is False)
Torch Num CPU Threads: 1
Bark Model Location: /root/.cache/suno/bark_v0 (Env var 'XDG_CACHE_HOME' to override)
HF_HOME: /content/bark/bark/bark/bark_infinity/data/models/unclassified
FFmpeg status, this should say version 6.0
FFmpeg binaries directory: None
FFmpeg Version: None
FFmpeg Path: /root/.local/share/ffmpeg-downloader/ffmpeg/ffmpeg
FFprobe Path: /root/.local/share/ffmpeg-downloader/ffmpeg/ffprobe
FFplay Path: /root/.local/share/ffmpeg-downloader/ffmpeg/ffplay
You should see Bark Infinity in your web browser now.
If not go the the website you see below as 'Running on local URL:'
python bark_webui.py --help for specific Gradio options.
Running on local URL: http://127.0.0.1:7860
Running on public URL: https://ac8794b011a6d04585.gradio.live
This share link expires in 72 hours. For free permanent hosting and GPU upgrades, run `gradio deploy` from Terminal to deploy to Spaces (https://huggingface.co/spaces)
history_prompt: bark/assets/prompts/pt_speaker_0.npz
(1 of 1 iterations) Segment Breakdown (Speaker:
bark/assets/prompts/pt_speaker_0.npz)
ββββββ³ββββββββ³ββββββββββββ³ββββββββββββββββββββββββββββββββββββββββββββββββββββββ
β # β Words β Time Est β Splitting long text aiming for 165 chars max 205 β
β‘βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ©
β 1 β 30 β 12.00 s β Como toque final no recurso Compartilhar Link, β
β β β 191 chars β adicionaremos um Γcone a este botΓ£o. Para isso, β
β β β β usaremos uma biblioteca chamada Hero Icons, feita β
β β β β pelas mesmas pessoas por trΓ‘s do Tailwind CSS. β
ββββββΌββββββββΌββββββββββββΌββββββββββββββββββββββββββββββββββββββββββββββββββββββ€
β 2 β 35 β 14.00 s β Se procurarmos todos os Γcones por Link, hΓ‘ um β
β β β 203 chars β Γcone legal aqui, que Γ© perfeito para o nosso botΓ£o β
β β β β Compartilhar Link. EntΓ£o, antes de mais nada, vamos β
β β β β instalar essa biblioteca de Γcones em nosso β
β β β β projeto. β
ββββββΌββββββββΌββββββββββββΌββββββββββββββββββββββββββββββββββββββββββββββββββββββ€
β 3 β 25 β 10.00 s β Ele vem com um pacote de suporte React, que podemos β
β β β 172 chars β adicionar Γ s nossas dependΓͺncias executando npm β
β β β β install em hero-icons-slash-react. Esse pacote β
β β β β incluirΓ‘ todos os Γcones. β
ββββββΌββββββββΌββββββββββββΌββββββββββββββββββββββββββββββββββββββββββββββββββββββ€
β 4 β 21 β 8.40 s β No momento, sΓ³ precisamos do Link, mas talvez mais β
β β β 132 chars β tarde precisemos de alguns outros Γcones tambΓ©m, β
β β β β todos com um design consistente. β
ββββββΌββββββββΌββββββββββββΌββββββββββββββββββββββββββββββββββββββββββββββββββββββ€
β 5 β 26 β 10.40 s β De qualquer forma, podemos usar um Γcone β
β β β 170 chars β importando-o do pacote que acabamos de instalar. β
β β β β Mas contΓ©m algumas pastas com diferentes variantes β
β β β β para cada conjunto de Γcones. β
ββββββΌββββββββΌββββββββββββΌββββββββββββββββββββββββββββββββββββββββββββββββββββββ€
β 6 β 21 β 8.40 s β Para o nosso exemplo, usaremos os Γcones sΓ³lidos β
β β β 131 chars β 20x20. Este mΓ³dulo fornece todos os Γcones β
β β β β disponΓveis. O que queremos Γ© LinkIcon. β
ββββββΌββββββββΌββββββββββββΌββββββββββββββββββββββββββββββββββββββββββββββββββββββ€
β 7 β 28 β 11.20 s β E podemos usΓ‘-lo como qualquer outro componente β
β β β 200 chars β React, adicionando-o aos nossos elementos JSX. β
β β β β Agora, a vantagem desta biblioteca Γ© que podemos β
β β β β instalar cada Γcone usando classes utilitΓ‘rias β
β β β β Tailwind. β
ββββββΌββββββββΌββββββββββββΌββββββββββββββββββββββββββββββββββββββββββββββββββββββ€
β 8 β 24 β 9.60 s β Normalmente, queremos definir pelo menos as β
β β β 154 chars β dimensΓ΅es e usarei HNW4, que Γ© efetivamente 16 β
β β β β pixels. Queremos mantΓͺ-lo pequeno, jΓ‘ que estΓ‘ β
β β β β dentro do botΓ£o. β
ββββββΌββββββββΌββββββββββββΌββββββββββββββββββββββββββββββββββββββββββββββββββββββ€
β 9 β 33 β 13.20 s β Vou precisar recarregar a pΓ‘gina, porque acabei de β
β β β 198 chars β reiniciar o servidor de desenvolvimento. Mas vocΓͺ β
β β β β pode ver o Γcone exibido dentro do botΓ£o. Agora, β
β β β β queremos que ele esteja na mesma linha do texto. β
ββββββΌββββββββΌββββββββββββΌββββββββββββββββββββββββββββββββββββββββββββββββββββββ€
β 10 β 34 β 13.60 s β EntΓ£o vamos mudar o botΓ£o para usar o Flexbox. Isso β
β β β 188 chars β Γ© uma melhoria, mas precisamos de algum espaΓ§o β
β β β β entre o Γcone e o texto. E tambΓ©m devemos β
β β β β alinhΓ‘-los verticalmente com o centro de itens. β
ββββββΌββββββββΌββββββββββββΌββββββββββββββββββββββββββββββββββββββββββββββββββββββ€
β 11 β 35 β 14.00 s β Ok, o botΓ£o parece muito bom agora. Deixe-me apenas β
β β β 184 chars β dividir esta longa string, para que vocΓͺ possa ver β
β β β β o cΓ³digo completo. Mas Γ© isso. Isso Γ© tudo o que Γ© β
β β β β necessΓ‘rio para usar um Γcone. β
ββββββΌββββββββΌββββββββββββΌββββββββββββββββββββββββββββββββββββββββββββββββββββββ€
β 12 β 33 β 13.20 s β TambΓ©m Γ© um exemplo simples de como usar um β
β β β 201 chars β componente de terceiros em nosso aplicativo. Agora, β
β β β β os Γcones contΓͺm apenas elementos SVG, para que β
β β β β vocΓͺ possa usΓ‘-los em componentes de servidor ou β
β β β β cliente. β
ββββββΌββββββββΌββββββββββββΌββββββββββββββββββββββββββββββββββββββββββββββββββββββ€
β 13 β 26 β 10.40 s β Mas se vocΓͺ importar um widget de terceiros que β
β β β 146 chars β tambΓ©m usa a funcionalidade do lado do cliente, β
β β β β vocΓͺ sΓ³ poderΓ‘ usΓ‘-lo em um componente do cliente. β
ββββββΌββββββββΌββββββββββββΌββββββββββββββββββββββββββββββββββββββββββββββββββββββ€
β 14 β 31 β 12.40 s β Se vocΓͺ ainda nΓ£o tem um componente cliente, vocΓͺ β
β β β 186 chars β sempre pode criar um, e simplesmente agrupar o β
β β β β componente de terceiros. E vocΓͺ pode usar esse β
β β β β componente de terceiros por conta prΓ³pria. β
ββββββ΄ββββββββ΄ββββββββββββ΄ββββββββββββββββββββββββββββββββββββββββββββββββββββββ
segment_text: Como toque final no recurso Compartilhar Link, adicionaremos um Γcone a este botΓ£o. Para isso, usaremos uma biblioteca chamada Hero Icons, feita pelas mesmas pessoas por trΓ‘s do Tailwind CSS.
--Segment 1/14: est. 12.00s ()
Como toque final no recurso Compartilhar Link, adicionaremos um Γcone a este botΓ£o. Para isso, usaremos uma biblioteca chamada Hero Icons, feita pelas mesmas pessoas por trΓ‘s do Tailwind CSS.
--Loading text model from /root/.cache/suno/bark_v0/text_2.pt to cpu/gpu: Offloading, cpu until needed, then gpu
_load_model model loaded: 312.3M params, 1.269 loss generation.py:2024
--Loading coarse model from /root/.cache/suno/bark_v0/coarse_2.pt to cpu/gpu: Offloading, cpu until needed, then gpu
_load_model model loaded: 314.4M params, 2.901 loss generation.py:2024
--Loading fine model from /root/.cache/suno/bark_v0/fine_2.pt to cpu/gpu: Offloading, cpu until needed, then gpu
_load_model model loaded: 302.1M params, 2.079 loss generation.py:2024
--Loading codec model from EncodecModelPath to cpu/gpu: Offloading, cpu until needed, then gpu
_load_codec_model torch.compile available, compiling codec generation.py:298
model.
write_audiofile .mp3 saved to api.py:698
bark_samples/Como_toque_fina-23-0819-0109-37-SPK-pt_speaker_0/001_Com
o_toque_fina-23-0819-0112-02-SPK-pt_speaker_0.mp3
segment_text: Se procurarmos todos os Γcones por Link, hΓ‘ um Γcone legal aqui, que Γ© perfeito para o nosso botΓ£o Compartilhar Link. EntΓ£o, antes de mais nada, vamos instalar essa biblioteca de Γcones em nosso projeto.
--Segment 2/14: est. 14.00s ()
Se procurarmos todos os Γcones por Link, hΓ‘ um Γcone legal aqui, que Γ© perfeito para o nosso botΓ£o Compartilhar Link. EntΓ£o, antes de mais nada, vamos instalar essa biblioteca de Γcones em nosso projeto.
write_audiofile .mp3 saved to api.py:698
bark_samples/Como_toque_fina-23-0819-0109-37-SPK-pt_speaker_0/002_Se_
procurarmos_-23-0819-0113-01-SPK-pt_speaker_0.mp3
segment_text: Ele vem com um pacote de suporte React, que podemos adicionar Γ s nossas dependΓͺncias executando npm install em hero-icons-slash-react. Esse pacote incluirΓ‘ todos os Γcones.
--Segment 3/14: est. 10.00s ()
Ele vem com um pacote de suporte React, que podemos adicionar Γ s nossas dependΓͺncias executando npm install em hero-icons-slash-react. Esse pacote incluirΓ‘ todos os Γcones.
|