{"id":842,"date":"2025-02-04T12:12:20","date_gmt":"2025-02-04T12:12:20","guid":{"rendered":"https:\/\/janusai.pro\/?page_id=842"},"modified":"2025-02-04T12:12:24","modified_gmt":"2025-02-04T12:12:24","slug":"janus-pro-1b-running-in-your-browser","status":"publish","type":"page","link":"https:\/\/janusai.pro\/pt\/janus-pro-1b-running-in-your-browser\/","title":{"rendered":"Janus Pro 1B em execu\u00e7\u00e3o no seu navegador"},"content":{"rendered":"<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-theme-palette-9-color\">O Safari ainda n\u00e3o \u00e9 compat\u00edvel\u3002<\/mark><\/p>\n\n\n<style>.kb-row-layout-id842_d680fa-30 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id842_d680fa-30 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id842_d680fa-30 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:1080px;margin-left:auto;margin-right:auto;padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id842_d680fa-30 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id842_d680fa-30 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id842_d680fa-30 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id842_d680fa-30 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column842_b238b3-a6 > .kt-inside-inner-col,.kadence-column842_b238b3-a6 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column842_b238b3-a6 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column842_b238b3-a6 > .kt-inside-inner-col{flex-direction:column;}.kadence-column842_b238b3-a6 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column842_b238b3-a6 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column842_b238b3-a6{position:relative;}@media all and (max-width: 1024px){.kadence-column842_b238b3-a6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column842_b238b3-a6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column842_b238b3-a6\"><div class=\"kt-inside-inner-col\">\n<iframe\n\tsrc=\"https:\/\/llmhacker-janus-pro-webgpu.static.hf.space\"\n\tframeborder=\"0\"\n\twidth=\"1080px\"\n\theight=\"850\"\n><\/iframe>\n<\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id842_5b506f-d0 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id842_5b506f-d0 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id842_5b506f-d0 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:1080px;margin-left:auto;margin-right:auto;padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id842_5b506f-d0 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id842_5b506f-d0 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id842_5b506f-d0 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id842_5b506f-d0 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>.kadence-column842_3ece6d-66 > .kt-inside-inner-col,.kadence-column842_3ece6d-66 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column842_3ece6d-66 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column842_3ece6d-66 > .kt-inside-inner-col{flex-direction:column;}.kadence-column842_3ece6d-66 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column842_3ece6d-66 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column842_3ece6d-66{position:relative;}@media all and (max-width: 1024px){.kadence-column842_3ece6d-66 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column842_3ece6d-66 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column842_3ece6d-66\"><div class=\"kt-inside-inner-col\"><style>.kadence-column842_4dc46a-6d > .kt-inside-inner-col,.kadence-column842_4dc46a-6d > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column842_4dc46a-6d > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column842_4dc46a-6d > .kt-inside-inner-col{flex-direction:column;}.kadence-column842_4dc46a-6d > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column842_4dc46a-6d > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column842_4dc46a-6d{position:relative;}@media all and (max-width: 1024px){.kadence-column842_4dc46a-6d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column842_4dc46a-6d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column842_4dc46a-6d\"><div class=\"kt-inside-inner-col\">\n<p>O Janus Pro WebGPU \u00e9 um aplicativo de ponta projetado para gera\u00e7\u00e3o e compreens\u00e3o multimodal unificada no navegador. Ele utiliza o modelo Janus-Pro-1B, que \u00e9 uma estrutura autorregressiva desenvolvida para lidar com entradas e sa\u00eddas de texto e imagem, o que o torna uma ferramenta vers\u00e1til para v\u00e1rias tarefas de IA.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Vis\u00e3o geral do Janus Pro WebGPU<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Estrutura<\/strong>: O aplicativo foi desenvolvido com React e Vite, utilizando Transformers.js para integra\u00e7\u00e3o de modelos e WebGPU para acelera\u00e7\u00e3o de hardware.<\/li>\n\n\n\n<li><strong>Recursos do modelo<\/strong>: O Janus-Pro-1B \u00e9 excelente em tarefas multimodais, permitindo que os usu\u00e1rios insiram imagens e recebam imagens geradas ou respostas baseadas em texto. Esse modelo \u00e9 particularmente not\u00e1vel por sua capacidade de interpretar e gerar conte\u00fado com base em entradas visuais, demonstrando recursos avan\u00e7ados tanto na compreens\u00e3o quanto na gera\u00e7\u00e3o de dados visuais.<\/li>\n\n\n\n<li><strong>Desempenho<\/strong>: O modelo opera com efici\u00eancia em navegadores da Web compat\u00edveis com WebGPU, como o Chrome. Os usu\u00e1rios relataram benef\u00edcios significativos de desempenho, incluindo tempos de infer\u00eancia mais r\u00e1pidos em compara\u00e7\u00e3o com as configura\u00e7\u00f5es tradicionais de GPU.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Primeiros passos com o Janus Pro WebGPU<\/h2>\n\n\n\n<p>Para configurar e executar o aplicativo Janus Pro WebGPU localmente, siga estas etapas:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Clonar o reposit\u00f3rio<\/strong>:bash<code>git clone https:\/\/github.com\/huggingface\/transformers.js-examples.git<\/code><\/li>\n\n\n\n<li><strong>Navegue at\u00e9 o diret\u00f3rio do projeto<\/strong>:bash<code>cd transformers.js-examples\/janus-webgpu<\/code><\/li>\n\n\n\n<li><strong>Instalar depend\u00eancias<\/strong>:bash<code>npm install<\/code><\/li>\n\n\n\n<li><strong>Executar o servidor de desenvolvimento<\/strong>:bash<code>npm run dev <\/code>Depois de executar esses comandos, abra seu navegador e navegue at\u00e9\u00a0<code>http:\/\/localhost:5173<\/code>\u00a0para interagir com o aplicativo<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Especifica\u00e7\u00f5es do modelo<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Treinamento<\/strong>: O Janus-Pro-1B \u00e9 treinado usando uma estrutura leve de treinamento distribu\u00eddo, alcan\u00e7ando desempenho competitivo em v\u00e1rios benchmarks. Ele apresenta uma arquitetura exclusiva que separa as vias de codifica\u00e7\u00e3o visual para tarefas de compreens\u00e3o e gera\u00e7\u00e3o, melhorando a estabilidade e o desempenho<\/li>\n\n\n\n<li><strong>Limita\u00e7\u00f5es de entrada<\/strong>: O modelo suporta entradas de imagem de at\u00e9 384 \u00d7 384 pixels, o que pode afetar seu desempenho em tarefas detalhadas, como o reconhecimento \u00f3ptico de caracteres (OCR). Os usu\u00e1rios podem perceber que, embora as imagens geradas sejam semanticamente ricas, elas podem n\u00e3o ter detalhes finos devido a essa limita\u00e7\u00e3o de resolu\u00e7\u00e3o<\/li>\n\n\n\n<li><strong>C\u00f3digo aberto<\/strong>: O Janus Pro est\u00e1 dispon\u00edvel sob uma licen\u00e7a de c\u00f3digo aberto, permitindo que os desenvolvedores explorem seus recursos livremente, respeitando as diretrizes de uso \u00e9tico<\/li>\n<\/ul>\n<\/div><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>O Safari ainda n\u00e3o \u00e9 suportado\u3002 Janus Pro WebGPU \u00e9 um aplicativo de ponta projetado para compreens\u00e3o e gera\u00e7\u00e3o multimodal unificada no navegador. Ele aproveita o modelo Janus-Pro-1B, que \u00e9 uma estrutura autorregressiva desenvolvida para lidar com entradas e sa\u00eddas de texto e imagem, tornando-o uma ferramenta vers\u00e1til para v\u00e1rias tarefas de IA. Vis\u00e3o geral do Janus Pro WebGPU Obtendo\u2026<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-842","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/janusai.pro\/pt\/wp-json\/wp\/v2\/pages\/842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/janusai.pro\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/janusai.pro\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/janusai.pro\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/janusai.pro\/pt\/wp-json\/wp\/v2\/comments?post=842"}],"version-history":[{"count":1,"href":"https:\/\/janusai.pro\/pt\/wp-json\/wp\/v2\/pages\/842\/revisions"}],"predecessor-version":[{"id":844,"href":"https:\/\/janusai.pro\/pt\/wp-json\/wp\/v2\/pages\/842\/revisions\/844"}],"wp:attachment":[{"href":"https:\/\/janusai.pro\/pt\/wp-json\/wp\/v2\/media?parent=842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}