Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/modelscope/modelscope-studio

A third-party component library based on Gradio.
https://github.com/modelscope/modelscope-studio

antd-design gradio gradio-custom-component modelscope modelscope-studio python ui

Last synced: 5 days ago
JSON representation

A third-party component library based on Gradio.

Awesome Lists containing this project

README

        

ModelScope Studio




✖️



GitHub | 🤖 ModelScope Studio | 🤗 Hugging Face Space


中文&nbsp | &nbspEnglish&nbsp | &nbsp日本語

`modelscope_studio` は、gradio 4.x をベースにした拡張コンポーネントライブラリのセットで、ModelScope Studio 内の gradio アプリケーションの様々な拡張ニーズに対応するためのものになります。こちらは主に会話シナリオの強化、マルチモーダルコンテキストのサポート、その他様々な特殊シナリオの支援に重点を置いています。

## インストール

```sh
pip install modelscope_studio
```

## クイックスタート

```python
import time
import gradio as gr
import modelscope_studio as mgr

def submit(_input, _chatbot):
print('text:', _input.text)
print('files: ', _input.files)
_chatbot.append([_input, None])
yield _chatbot
time.sleep(1)
_chatbot[-1][1] = [{
"flushing": False,
"text": 'bot1: ' + _input.text + '!'
}, {
"text": 'bot2: ' + _input.text + '!'
}]
yield {
chatbot: _chatbot,
}

with gr.Blocks() as demo:
chatbot = mgr.Chatbot(height=400)

input = mgr.MultimodalInput()
input.submit(fn=submit, inputs=[input, chatbot], outputs=[chatbot])

demo.queue().launch()
```

![quickstart](./resources/quickstart.png)

## コンポーネントドキュメント

現在サポートされているコンポーネントは以下の通りです:

- Chatbot: gradio チャットボット拡張コンポーネントは、マルチモーダルコンテンツ出力、マルチボットシナリオ、会話コンテンツ内のカスタムレンダリングコンポーネントやイベントインタラクションをサポートします。
- MultimodalInput: ファイルアップロード、録画、写真撮影などの機能をサポートするマルチモーダル入力ボックス。
- Markdown: gradio Markdown 拡張コンポーネントは、マルチモーダルコンテンツ(オーディオ、ビデオ、音声、ファイル、テキスト)の出力をサポートします。
- WaterfallGallery: gradio Gallery 拡張コンポーネントは、ウォーターフォール形式の画像表示をサポートします。
- その他のコンポーネント...

詳しい使い方は[ドキュメントと例](https://modelscope.cn/studios/modelscope/modelscope-studio/summary)を参照して下さい

## 開発

このリポジトリをローカルにクローンする:

```sh
git clone [email protected]:modelscope/modelscope-studio.git
cd modelscope-studio
# バックエンド用
pip install -e '.'
# フロントエンド用
npm install pnpm -g

pnpm install
pnpm build
```

デモを実行!

```sh
gradio docs/app.py
```

または、次のような単一のデモを実行:

```sh
gradio docs/components/Chatbot/demos/basic.py
```