{"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\/zh_cn\/janus-pro-1b-running-in-your-browser\/","title":{"rendered":"\u5728\u6d4f\u89c8\u5668\u4e2d\u8fd0\u884c Janus Pro 1B"},"content":{"rendered":"<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-theme-palette-9-color\">Safari \u5c1a\u4e0d\u652f\u6301\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>Janus Pro WebGPU \u662f\u4e13\u4e3a\u6d4f\u89c8\u5668\u5185\u7edf\u4e00\u591a\u6a21\u6001\u7406\u89e3\u548c\u751f\u6210\u800c\u8bbe\u8ba1\u7684\u5c16\u7aef\u5e94\u7528\u7a0b\u5e8f\u3002\u5b83\u5229\u7528 Janus-Pro-1B \u6a21\u578b\uff0c\u8be5\u6a21\u578b\u662f\u4e00\u4e2a\u81ea\u56de\u5f52\u6846\u67b6\uff0c\u53ef\u540c\u65f6\u5904\u7406\u6587\u672c\u548c\u56fe\u50cf\u7684\u8f93\u5165\u548c\u8f93\u51fa\uff0c\u4f7f\u5176\u6210\u4e3a\u6267\u884c\u5404\u79cd\u4eba\u5de5\u667a\u80fd\u4efb\u52a1\u7684\u901a\u7528\u5de5\u5177\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Janus Pro WebGPU \u6982\u89c8<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u6846\u67b6<\/strong>:\u8be5\u5e94\u7528\u7a0b\u5e8f\u4f7f\u7528 React \u548c Vite \u6784\u5efa\uff0c\u5229\u7528 Transformers.js \u8fdb\u884c\u6a21\u578b\u96c6\u6210\uff0c\u5e76\u4f7f\u7528 WebGPU \u8fdb\u884c\u786c\u4ef6\u52a0\u901f\u3002<\/li>\n\n\n\n<li><strong>\u6a21\u578b\u529f\u80fd<\/strong>:Janus-Pro-1B \u5728\u591a\u6a21\u5f0f\u4efb\u52a1\u4e2d\u8868\u73b0\u51fa\u8272\uff0c\u5141\u8bb8\u7528\u6237\u8f93\u5165\u56fe\u50cf\u5e76\u63a5\u6536\u751f\u6210\u7684\u56fe\u50cf\u6216\u57fa\u4e8e\u6587\u672c\u7684\u54cd\u5e94\u3002\u8be5\u673a\u578b\u5c24\u5176\u64c5\u957f\u6839\u636e\u89c6\u89c9\u8f93\u5165\u89e3\u91ca\u548c\u751f\u6210\u5185\u5bb9\uff0c\u5c55\u793a\u4e86\u5728\u7406\u89e3\u548c\u751f\u6210\u89c6\u89c9\u6570\u636e\u65b9\u9762\u7684\u5148\u8fdb\u80fd\u529b\u3002<\/li>\n\n\n\n<li><strong>\u6027\u80fd<\/strong>:\u8be5\u6a21\u578b\u53ef\u5728\u652f\u6301 WebGPU \u7684\u7f51\u7edc\u6d4f\u89c8\u5668\uff08\u5982 Chrome \u6d4f\u89c8\u5668\uff09\u4e2d\u9ad8\u6548\u8fd0\u884c\u3002\u636e\u7528\u6237\u62a5\u544a\uff0c\u8be5\u6a21\u578b\u7684\u6027\u80fd\u4f18\u52bf\u660e\u663e\uff0c\u4e0e\u4f20\u7edf\u7684 GPU \u8bbe\u7f6e\u76f8\u6bd4\uff0c\u63a8\u7406\u65f6\u95f4\u66f4\u77ed\u3002<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Janus Pro WebGPU \u5165\u95e8<\/h2>\n\n\n\n<p>\u8981\u5728\u672c\u5730\u8bbe\u7f6e\u5e76\u8fd0\u884c Janus Pro WebGPU \u5e94\u7528\u7a0b\u5e8f\uff0c\u8bf7\u6309\u7167\u4ee5\u4e0b\u6b65\u9aa4\u64cd\u4f5c\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u514b\u9686\u5b58\u50a8\u5e93<\/strong>\u62a8\u51fb<code>git clone https:\/\/github.com\/huggingface\/transformers.js-examples.git<\/code><\/li>\n\n\n\n<li><strong>\u5bfc\u822a\u81f3\u9879\u76ee\u76ee\u5f55<\/strong>\u62a8\u51fb<code>cd transformers.js-examples\/janus-webgpu<\/code><\/li>\n\n\n\n<li><strong>\u5b89\u88c5\u4f9d\u8d56\u9879<\/strong>\u62a8\u51fb<code>npm install<\/code><\/li>\n\n\n\n<li><strong>\u8fd0\u884c\u5f00\u53d1\u670d\u52a1\u5668<\/strong>\u62a8\u51fb<code>npm run dev <\/code>\u6267\u884c\u8fd9\u4e9b\u547d\u4ee4\u540e\uff0c\u6253\u5f00\u6d4f\u89c8\u5668\u5e76\u5bfc\u822a\u81f3\u00a0<code>http:\/\/localhost:5173<\/code>\u00a0\u4e0e\u5e94\u7528\u7a0b\u5e8f\u4ea4\u4e92<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">\u578b\u53f7\u89c4\u683c<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u57f9\u8bad<\/strong>:Janus-Pro-1B \u91c7\u7528\u8f7b\u91cf\u7ea7\u5206\u5e03\u5f0f\u8bad\u7ec3\u6846\u67b6\u8fdb\u884c\u8bad\u7ec3\uff0c\u5728\u5404\u79cd\u57fa\u51c6\u6d4b\u8bd5\u4e2d\u53d6\u5f97\u4e86\u6781\u5177\u7ade\u4e89\u529b\u7684\u6027\u80fd\u3002\u5b83\u91c7\u7528\u72ec\u7279\u7684\u67b6\u6784\uff0c\u5c06\u7528\u4e8e\u7406\u89e3\u548c\u751f\u6210\u4efb\u52a1\u7684\u89c6\u89c9\u7f16\u7801\u8def\u5f84\u5206\u5f00\uff0c\u4ece\u800c\u63d0\u9ad8\u4e86\u7a33\u5b9a\u6027\u548c\u6027\u80fd<\/li>\n\n\n\n<li><strong>\u8f93\u5165\u9650\u5236<\/strong>:\u8be5\u6a21\u578b\u652f\u6301\u6700\u5927 384 \u00d7 384 \u50cf\u7d20\u7684\u56fe\u50cf\u8f93\u5165\uff0c\u8fd9\u53ef\u80fd\u4f1a\u5f71\u54cd\u5176\u5728\u5149\u5b66\u5b57\u7b26\u8bc6\u522b (OCR) \u7b49\u7ec6\u8282\u4efb\u52a1\u4e2d\u7684\u6027\u80fd\u3002\u7528\u6237\u53ef\u80fd\u4f1a\u6ce8\u610f\u5230\uff0c\u867d\u7136\u751f\u6210\u7684\u56fe\u50cf\u8bed\u4e49\u4e30\u5bcc\uff0c\u4f46\u7531\u4e8e\u5206\u8fa8\u7387\u7684\u9650\u5236\uff0c\u53ef\u80fd\u7f3a\u4e4f\u7cbe\u7ec6\u7684\u7ec6\u8282\u3002<\/li>\n\n\n\n<li><strong>\u5f00\u653e\u6e90\u4ee3\u7801<\/strong>:Janus Pro \u91c7\u7528\u5f00\u6e90\u8bb8\u53ef\uff0c\u5141\u8bb8\u5f00\u53d1\u4eba\u5458\u81ea\u7531\u63a2\u7d22\u5176\u529f\u80fd\uff0c\u540c\u65f6\u9075\u5b88\u9053\u5fb7\u4f7f\u7528\u6307\u5357<\/li>\n<\/ul>\n<\/div><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Safari \u5c1a\u4e0d\u652f\u6301\u3002Janus Pro WebGPU \u662f\u4e00\u6b3e\u4e13\u4e3a\u6d4f\u89c8\u5668\u5185\u7edf\u4e00\u591a\u6a21\u6001\u7406\u89e3\u548c\u751f\u6210\u800c\u8bbe\u8ba1\u7684\u5c16\u7aef\u5e94\u7528\u7a0b\u5e8f\u3002\u5b83\u5229\u7528 Janus-Pro-1B \u6a21\u578b\uff0c\u8be5\u6a21\u578b\u662f\u4e00\u79cd\u81ea\u56de\u5f52\u6846\u67b6\uff0c\u4e13\u4e3a\u5904\u7406\u6587\u672c\u548c\u56fe\u50cf\u8f93\u5165\u548c\u8f93\u51fa\u800c\u5f00\u53d1\uff0c\u4f7f\u5176\u6210\u4e3a\u5404\u79cd AI \u4efb\u52a1\u7684\u591a\u529f\u80fd\u5de5\u5177\u3002Janus Pro WebGPU \u6982\u8ff0 \u83b7\u53d6\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\/zh_cn\/wp-json\/wp\/v2\/pages\/842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/janusai.pro\/zh_cn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/janusai.pro\/zh_cn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/janusai.pro\/zh_cn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/janusai.pro\/zh_cn\/wp-json\/wp\/v2\/comments?post=842"}],"version-history":[{"count":1,"href":"https:\/\/janusai.pro\/zh_cn\/wp-json\/wp\/v2\/pages\/842\/revisions"}],"predecessor-version":[{"id":844,"href":"https:\/\/janusai.pro\/zh_cn\/wp-json\/wp\/v2\/pages\/842\/revisions\/844"}],"wp:attachment":[{"href":"https:\/\/janusai.pro\/zh_cn\/wp-json\/wp\/v2\/media?parent=842"}],"curies":[{"name":"\u53ef\u6e7f\u6027\u7c89\u5242","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}