Spaces:

kenken999
/

fastapi_django_main_live

Running on Zero

App Files Files Community

kenken999 commited on 6 days ago

Commit

62cf1c8

1 Parent(s): 7ad9796

youtub html update

Browse files

Files changed (4) hide show

chat_history.db +2 -2
output.txt +458 -0
staticfiles/index.html +520 -520
workspace/sample_html.html +1 -0

chat_history.db CHANGED Viewed

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:f0a9c767642ae220658b59d42af845649ed60a466c52d70d147006d0ac9e3b3a
-size 2084864

 version https://git-lfs.github.com/spec/v1
+oid sha256:7dce877f743bc84a2525c452bc62fe884ad45a1bae5b1050d788f02e85c3543a
+size 2113536

output.txt CHANGED Viewed

@@ -2078,3 +2078,461 @@ No output available on console.
 ```
 新しい行を追記します。

 ```
 新しい行を追記します。
+**Plan Recap:** We are creating a sample HTML code.
+**Step 1: Create a sample HTML code**
+I will create a sample HTML file in the './workspace' directory.
+```python
+<!DOCTYPE >
+<>
+<head>
+  <title>Sample HTML Page</title>
+</head>
+<body>
+  <h1>Welcome to my sample HTML page!</h1>
+  <p>This is a sample HTML page.</p>
+</body>
+</>
+```
+```code
+HTML being displayed on the user's machine...
+```
+```python
+<!DOCTYPE >
+<>
+<head>
+  <title>Sample HTML Page</title>
+</head>
+<body>
+  <h1>Welcome to my sample HTML page!</h1>
+  <p>This is a sample HTML page.</p>
+</body>
+</>
+```
+```code
+Traceback (most recent call last):
+  File "/usr/local/lib/python3.10/site-packages/interpreter/core/respond.py", line 220, in respond
+    for line in interpreter.computer.run(language, code, stream=True):
+  File "/usr/local/lib/python3.10/site-packages/interpreter/core/computer/terminal/terminal.py", line 82, in _streaming_run
+    for chunk in self._active_languages[language].run(code):
+  File "/usr/local/lib/python3.10/site-packages/interpreter/core/computer/terminal/languages/html.py", line 25, in run
+    base64 = html_to_png_base64(code)
+  File "/usr/local/lib/python3.10/site-packages/interpreter/core/computer/utils/html_to_png_base64.py", line 13, in html_to_png_base64
+    hti = Html2Image()
+  File "/usr/local/lib/python3.10/site-packages/html2image/html2image.py", line 107, in __init__
+    self.browser = browser_class(
+  File "/usr/local/lib/python3.10/site-packages/html2image/browsers/chrome.py", line 189, in __init__
+    super().__init__(executable=executable, flags=flags, print_command=print_command, disable_logging=disable_logging, use_new_headless=use_new_headless)
+  File "/usr/local/lib/python3.10/site-packages/html2image/browsers/chromium.py", line 30, in __init__
+    self.executable = executable
+  File "/usr/local/lib/python3.10/site-packages/html2image/browsers/chrome.py", line 197, in executable
+    self._executable = _find_chrome(value)
+  File "/usr/local/lib/python3.10/site-packages/html2image/browsers/chrome.py", line 159, in _find_chrome
+    raise FileNotFoundError(
+FileNotFoundError: Could not find a Chrome executable on this machine, please specify it yourself.
+```
+新しい行を追記します。
+**Plan Recap:** We are creating a sample HTML code.
+**Step 1: Create a sample HTML file**
+I will create a sample HTML file in the './workspace' directory.
+```python
+<!DOCTYPE >
+<>
+<head>
+  <title>Sample HTML Page</title>
+</head>
+<body>
+  <h1>Welcome to my sample HTML page</h1>
+</body>
+</>
+```
+```code
+HTML being displayed on the user's machine...
+```
+```python
+<!DOCTYPE >
+<>
+<head>
+  <title>Sample HTML Page</title>
+</head>
+<body>
+  <h1>Welcome to my sample HTML page</h1>
+</body>
+</>
+```
+```code
+Traceback (most recent call last):
+  File "/usr/local/lib/python3.10/site-packages/interpreter/core/respond.py", line 220, in respond
+    for line in interpreter.computer.run(language, code, stream=True):
+  File "/usr/local/lib/python3.10/site-packages/interpreter/core/computer/terminal/terminal.py", line 82, in _streaming_run
+    for chunk in self._active_languages[language].run(code):
+  File "/usr/local/lib/python3.10/site-packages/interpreter/core/computer/terminal/languages/html.py", line 25, in run
+    base64 = html_to_png_base64(code)
+  File "/usr/local/lib/python3.10/site-packages/interpreter/core/computer/utils/html_to_png_base64.py", line 13, in html_to_png_base64
+    hti = Html2Image()
+  File "/usr/local/lib/python3.10/site-packages/html2image/html2image.py", line 107, in __init__
+    self.browser = browser_class(
+  File "/usr/local/lib/python3.10/site-packages/html2image/browsers/chrome.py", line 189, in __init__
+    super().__init__(executable=executable, flags=flags, print_command=print_command, disable_logging=disable_logging, use_new_headless=use_new_headless)
+  File "/usr/local/lib/python3.10/site-packages/html2image/browsers/chromium.py", line 30, in __init__
+    self.executable = executable
+  File "/usr/local/lib/python3.10/site-packages/html2image/browsers/chrome.py", line 197, in executable
+    self._executable = _find_chrome(value)
+  File "/usr/local/lib/python3.10/site-packages/html2image/browsers/chrome.py", line 159, in _find_chrome
+    raise FileNotFoundError(
+FileNotFoundError: Could not find a Chrome executable on this machine, please specify it yourself.
+```
+新しい行を追記します。
+**Plan Recap:** We are creating a sample HTML file.
+**Step 1: Create a sample HTML file**
+I will create a sample HTML file in the './workspace' directory.
+```python
+HTML
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Sample HTML Page</title>
+</head>
+<body>
+  <h1>Welcome to my sample HTML page</h1>
+</body>
+</html>
+```
+```code
+  Cell In[15], line 1
+    ^
+SyntaxError: invalid syntax
+No output available on console.
+```
+```
+新しい行を追記します。
+**Plan Recap:** We are creating a sample HTML file.
+**Step 1: Create a sample HTML file**
+I will create a sample HTML file in the './workspace' directory.
+```python
+mkdir ./workspace
+echo "<!DOCTYPE html><html><head><title>Sample HTML Page</title></head><body><h1>Welcome to my sample HTML page</h1></body></html>" > ./workspace/sample_html.html
+```
+```code
+mkdir: cannot create directory ‘./workspace’: File exists
+No output available on console.
+```
+```
+新しい行を追記します。
+**Plan Recap:** We are creating a sample HTML file and displaying it using Python's print function.
+**Step 1: Create a sample HTML file**
+I will create a sample HTML file in the './workspace' directory.
+```python
+html_content = """
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Sample HTML Page</title>
+</head>
+<body>
+  <h1>Welcome to my sample HTML page</h1>
+</body>
+</html>
+"""
+print(html_content)
+```
+```code
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Sample HTML Page</title>
+</head>
+<body>
+  <h1>Welcome to my sample HTML page</h1>
+</body>
+</html>
+No output available on console.
+```
+```
+新しい行を追記します。
+It seems like you want me to execute a curl command based on the provided JSON data.
+**Plan:**
+1. Extract the necessary information from the JSON data to construct the curl command.
+2. Execute the curl command using the extracted information.
+**Let's start by extracting the necessary information:**
+From the provided JSON data, I can see that we need to make a POST request tohttps://api.dify.ai/v1/chat-messages with a JSON body and an Authorization header.
+Here's the extracted information:
+* Method: POST
+* URL: https://api.dify.ai/v1/chat-messages
+* Header: Authorization: Bearer app-WM0Jmn7H2pG0gVyDEfvKpVTi
+* JSON Body:
+```python
+{
+  "inputs": {
+    "n8n": "{{ $.body.events[0].toJsonString().urlEncode() }}",
+    "type": "{{ $.body.events[0].message.type }}",
+    "lineid": "{{ $.body.events[0].source.userId }}"
+  },
+  "query": "{{ $.body.events[0].message.text }}",
+  "response_mode": "streaming",
+  "conversation_id": "",
+  "user": "{{ $.body.events[0].source.userId }}",
+  "files": [
+    {
+      "type": "image",
+      "transfer_method": "remote_url",
+      "url": "https://cloud.dify.ai/logo/logo-site.png"
+    }
+  ]
+}
+```
+```code
+json disabled or not supported.
+```
+新しい行を追記します。
+Here is the plan:
+**Plan:**
+1. Usecurl to send a POST request to the specified URL with the provided JSON body.
+2. Print the response.
+Let's execute the code:
+```python
+bash
+curl -X POST \
+  https://api.dify.ai/v1/chat-messages \
+  -H 'Authorization: Bearer app-WM0Jmn7H2pG0gVyDEfvKpVTi' \
+  -H 'Content-Type: application/json' \
+  -d '{
+  "inputs": {"n8n":"{{$json.body.events[0].toJsonString().urlEncode()}}","type":"{{ $json.body.events[0].message.type }}","lineid":"{{ $json.body.events[0].source.userId }}"},
+  "query": "{{ $json.body.events[0].message.text }}",
+  "response_mode": "streaming",
+  "conversation_id": "",
+  "user": "{{ $json.body.events[0].source.userId }}",
+  "files": [
+    {"type": "image","transfer_method": "remote_url","url": "https://cloud.dify.ai/logo/logo-site.png"}
+  ]
+}'
+```
+```code
+  Cell In[37], line 7
+    -d '{
+       ^
+SyntaxError: unterminated string literal (detected at line 7)
+No output available on console.
+```
+```
+新しい行を追記します。
+Here is the plan:
+**Plan:**
+1. Convert the given JSON data to a CURL command.
+2. Execute the CURL command on the user's machine.
+3. Print the output.
+Let's start by converting the JSON data to a CURL command.
+```python
+curl
+-X POST
+-H "Authorization: Bearer vzn2zssSEtHb/IVgMlgY1KxLQUfmUXRuiQiQkZLRVsHOeQBp9KsU5/M0i/2XKtw1K+eXN4PyjHQKcG5Vj5l+4e5CGAOQa/veKWdn83UPJQJU17FC9ONucjc84gvNFcRAy4IZcFcMky2PTzazf0KGiFGUYhWQfeY8sLGRXgo3xvw="
+-H "Content-Type: application/json"
+-d '{"to": "{{ $('Webhook3').item.json.body.events[0].source.userId }}","messages": [{"type": "text","text": "(AIが査定データを分析しています…しばらくお待ちください。)"}]}'
+https://api.line.me/v2/bot/message/push
+```
+```code
+  Cell In[44], line 1
+    ^
+SyntaxError: invalid syntax
+No output available on console.
+```
+```
+新しい行を追記します。
+Here is the plan:
+**Plan:** Parse the given JSON string into a Python object.
+Here is the code to execute:
+```python
+import json
+data = '''
+{
+  "result": "{\"type\":\"message\",\"message\":{\"type\":\"text\",\"id\":\"543520108811911313\",\"quoteToken\":\"-1orMoUAL1hldGPFm_7amYkbUr1gO96UdQx0UEBcROTHcgbp3bJClGtlvaYD8bi8OFVqh8ou-lJlBXgzhQNpraqP8ra5N4Snj8GEZS8lRf64JpqT9TgjbDyoxrlOlEbZ7KwHDvvKeyyLaiO8L4izUw\",\"text\":\"テスト\"},\"webhookEventId\":\"01JHGGAWR4ZS8ADWMYBWNSTA3H\",\"deliveryContext\":{\"isRedelivery\":false},\"timestamp\":1736794534153,\"source\":{\"type\":\"user\",\"userId\":\"U7a972c5cc46e966de21ff1cd3adc6d52\"},\"replyToken\":\"90d05bcce0f04c908ccb0120872c53f5\",\"mode\":\"active\"}"
+}
+'''
+data_dict = json.loads(data)
+result_dict = json.loads(data_dict['result'])
+print(result_dict)
+```
+```code
+---------------------------------------------------------------------------
+JSONDecodeError                           Traceback (most recent call last)
+Cell In[51], line 10
+      8 pass
+      9 print('##active_line9##')
+---> 10 data_dict = json.loads(data)
+     11 print('##active_line10##')
+     12 result_dict = json.loads(data_dict['result'])
+File /usr/local/lib/python3.10/json/__init__.py:346, in loads(s, cls, object_hook, parse_float, parse_int, parse_constant, object_pairs_hook, **kw)
+    341     s = s.decode(detect_encoding(s), 'surrogatepass')
+    343 if (cls is None and object_hook is None and
+    344         parse_int is None and parse_float is None and
+    345         parse_constant is None and object_pairs_hook is None and not kw):
+--> 346     return _default_decoder.decode(s)
+    347 if cls is None:
+    348     cls = JSONDecoder
+File /usr/local/lib/python3.10/json/decoder.py:337, in JSONDecoder.decode(self, s, _w)
+    332 def decode(self, s, _w=WHITESPACE.match):
+    333     """Return the Python representation of s (a str instance
+    334     containing a JSON document).
+    335
+    336     """
+--> 337     obj, end = self.raw_decode(s, idx=_w(s, 0).end())
+    338     end = _w(s, end).end()
+    339     if end != len(s):
+File /usr/local/lib/python3.10/json/decoder.py:353, in JSONDecoder.raw_decode(self, s, idx)
+    344 """Decode a JSON document from s (a str beginning with
+    345 a JSON document) and return a 2-tuple of the Python
+    346 representation and the index in s where the document ended.
+   (...)
+    350
+    351 """
+    352 try:
+--> 353     obj, end = self.scan_once(s, idx)
+    354 except StopIteration as err:
+    355     raise JSONDecodeError("Expecting value", s, err.value) from None
+JSONDecodeError: Expecting ',' delimiter: line 3 column 16 (char 18)
+No output available on console.
+```
+```
+新しい行を追記します。
+Here is the plan:
+**Plan:** Convert the obtained JSON to an object using the provided source code.
+Here is the JSON string to convert:
+**No JSON string provided**
+Please provide the JSON string to convert.
+Once the JSON string is provided, I can assist with converting it to a Python object using the given source code.
+Here is the code to execute:
+```python
+import json
+def main(encoded_url: str) -> dict:
+    import urllib.parse
+    decoded_url = urllib.parse.unquote(encoded_url)
+    return {'result': decoded_url}
+# Provide the JSON string here
+json_string = ""  # Replace with the actual JSON string
+# Convert JSON string to a Python object
+_object = main(json_string)
+print(python_object)
+```
+```code
+---------------------------------------------------------------------------
+NameError                                 Traceback (most recent call last)
+Cell In[58], line 28
+     26 pass
+     27 print('##active_line14##')
+---> 28 print(python_object)
+NameError: name 'python_object' is not defined
+No output available on console.
+```
+```
+新しい行を追記します。

staticfiles/index.html CHANGED Viewed

@@ -9,545 +9,545 @@
     <script src="./aivtuber.js"></script>
     <title>Live2Dサンプル</title>
     <!-- Live2D -->
-  <script src="./live2dcubismcore.js"></script>
-  <script src="//cdn.jsdelivr.net/gh/dylanNew/live2d/webgl/Live2D/lib/live2d.min.js"></script>
-  <!-- PixiJS -->
-  <script src="//cdnjs.cloudflare.com/ajax/libs/pixi.js/5.1.3/pixi.min.js"></script>
-  <script src="//cdn.jsdelivr.net/npm/pixi-live2d-display/dist/index.min.js"></script>
-  <!-- Kalidokit -->
-  <script src="//cdn.jsdelivr.net/npm/[email protected]/dist/kalidokit.umd.js"></script>
 </head>
 <body>
-<video id="my-video" autoplay></video>
-<script>
-    'use strict';
-class MiiboAvatar {
-constructor(config) {
-    this.container = config.container;
-    this.speechToTextOptions = config.option.speech_to_text;
-    this.miiboOptions = config.option.miibo;
-    this.didOptions = config.option.d_id;
-    this.initialize();
-}
-initialize() {
-    //alert("38");
-    const RTCPeerConnection = window.RTCPeerConnection || window.webkitRTCPeerConnection || window.mozRTCPeerConnection;
-    this.videoElement = document.getElementById(this.container);
-    this.videoElement.setAttribute('playsinline', '');
-    this.playIdleVideo();
-    this.createNewStream();
-    this.rec = new webkitSpeechRecognition()
-    this.speaching = false;
-    this.processing = false;
-    this.streams = [];
-}
-async createNewStream() {
-    //alert("53")
-    try {
-        this.stopAllStreams();
-        this.closePC();
-        let presenter = {"source_url": this.didOptions.presenter.image_url}
-        const sessionResponse = await this.fetchWithRetries(`https://api.d-id.com/${this.didOptions.service}/streams`, {
-            method: 'POST',
-            headers: {
-                Authorization: `Basic ${this.didOptions.key}`,
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify(presenter),
-        });
-        const { id: newStreamId, offer, ice_servers: iceServers, session_id: newSessionId } = await sessionResponse.json();
-        this.streamId = newStreamId;
-        this.sessionId = newSessionId;
-        try {
-            this.sessionClientAnswer = await this.createPeerConnection(offer, iceServers);
-        } catch (e) {
-            console.log('Error creating peer connection:', e);
-            this.stopAllStreams();
-            this.closePC();
-            return;
-        }
-        const sdpResponse = await fetch(`https://api.d-id.com/${this.didOptions.service}/streams/${this.streamId}/sdp`, {
-            method: 'POST',
-            headers: {
-                Authorization: `Basic ${this.didOptions.key}`,
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({
-                answer: this.sessionClientAnswer,
-                session_id: this.sessionId,
-            }),
-        });
-        // Handle sdpResponse if needed
-    } catch (error) {
-        console.log('Error creating new stream:', error);
-        // Handle error
-    }
-}
-speechRecogInit() {
-    this.audioContext = new (window.AudioContext || window.webkitAudioContext)()
-    if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
-        navigator.mediaDevices.getUserMedia({audio: true}).then((stream) => {
-            var input = this.audioContext.createMediaStreamSource(stream)
-            this.audioContext.resume()
-            this.recorder = new Recorder(input)
-        })
-    }
-}
-startRecording() {
-    this.recorder && this.recorder.record();
-}
-stopRecording() {
-    this.playLoadingVideo();
-    this.recorder && this.recorder.stop();
-    this.audioRecognize();
-    this.recorder.clear();
-}
-audioRecognize() {
-    this.recorder && this.recorder.exportWAV((blob) => {
-        let reader = new FileReader()
-        reader.onload = () => {
-            let result = new Uint8Array(reader.result)
-            let data = {
-                "config": {
-                    "encoding": "LINEAR16",
-                    "languageCode": "ja-JP",
-                    "alternativeLanguageCodes": ["en-US"],//,"cmn-CN","ko-KR"],
-                    "audio_channel_count": 2
-                },
-                "audio": {
-                    "content": this.arrayBufferToBase64(result)
                 }
             }
-            fetch('https://speech.googleapis.com/v1/speech:recognize?key=' + this.speechToTextOptions.api_key, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json; charset=utf-8'
-                },
-                body: JSON.stringify(data)
-            }).then((response) => {
-                return response.text()
-            }).then((text) => {
-                let result_json = JSON.parse(text)
-                text = result_json.results[0].alternatives[0].transcript;
-                this.languageCode = result_json.results[0].languageCode;
-                this.ask(text)
-            })
-        }
-        reader.readAsArrayBuffer(blob)
-    })
-}
-// Chrome Only
-autoRecognizeMessage(message) {
-    handleLiveComment("test",message)
-    //alert("start word test")
-    this.rec.continuous = false
-    this.rec.interimResults = false
-    this.rec.lang = 'ja-JP'
-    this.processing = true
-        this.playLoadingVideo();
-        this.rec.stop()
-        alert("startssssssssssssssssssssssssss")
-        const { transcript } = message
-        this.ask(transcript);
-        //for (var i = e.resultIndex; i < e.results.length; i++) {
-         //   if (!e.results[i].isFinal) continue
-   //
-     //       const { transcript } = e.results[i][0]
-       //     this.ask(transcript);
-        //}
-    //this.rec.onresult = (e) => {
-    //}
-    this.rec.onend = () => { this.autoRecognizeRestart() }
-    this.rec.start()
-}
-// Chrome Only
-autoRecognize() {
-    this.rec.continuous = false
-    this.rec.interimResults = false
-    this.rec.lang = 'ja-JP'
-    this.rec.onresult = (e) => {
-        this.processing = true
-        this.playLoadingVideo();
-        this.rec.stop()
-        //alert("start")
-        for (var i = e.resultIndex; i < e.results.length; i++) {
-            if (!e.results[i].isFinal) continue
-            const { transcript } = e.results[i][0]
-            this.ask(transcript);
-        }
-    }
-    this.rec.onend = () => { this.autoRecognizeRestart() }
-    this.rec.start()
-}
-autoRecognizeRestart() {
-    if (this.processing) {
-        setTimeout(() => {this.autoRecognizeRestart()}, 1000)
-    } else {
-        this.rec.start()
-    }
-}
-arrayBufferToBase64(buffer) {
-    let binary = ''
-    let bytes = new Uint8Array(buffer);
-    let len = bytes.byteLength
-    for (let i = 0; i < len; i++) {
-        binary += String.fromCharCode(bytes[i])
-    }
-    return window.btoa(binary)
-}
-ask(message) {
-    //youtubeからの質問
-    alert("203 ask"+message);
-    //ask(start);
-    this.getMiiboResponse(message);
-}
-async getMiiboResponse(utterance) {
-    alert("209 getMiiboResponse"+utterance)
-    const params = {
-        api_key: this.miiboOptions.api_key,
-        agent_id: this.miiboOptions.agent_id,
-        uid: this.miiboOptions.user_id,
-        stream: true,
-        utterance: utterance
-    };
-    try {
-        const res = await fetch("https://api-mebo.dev/api", {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify(params),
-        });
-        const reader = res.body.getReader();
-        const decoder = new TextDecoder();
-        let output = "";
-        let sentences = [];
-        let current_index = 0;
-        const read = async () => {
-            const { done, value } = await reader.read();
-            if (done) return;
-            let dataString = decoder.decode(value).split("\n").filter(x => x != "");
-            try {
-                let responseData = JSON.parse(dataString[dataString.length - 1]);
-                output = responseData.bestResponse.utterance.split("\n").filter(x => x.trim() != "").join("\n");
-                sentences = output.replace(/[。、\.\,\!\?！？]/,".").split(".")
-                if (this.didOptions.priority == "speed" && current_index == 0 && current_index + 1 < sentences.length) {
-                    this.startTalk(sentences[current_index++])
                 }
-            } catch(e) {
-                console.log(e);
             }
-            return read();
-        };
-        await read();
-        reader.releaseLock();
-        this.startTalk(sentences.slice(current_index).join("。"));
-    } catch(error) {
-        console.log("Error fetching AI response: ", error);
-    }
-}
-async startTalk(input) {
-    if (this.peerConnection?.signalingState === 'stable' || this.peerConnection?.iceConnectionState === 'connected') {
-        const gender = this.didOptions.presenter.gender;
-        let voice_id = this.didOptions.presenter.voice_id || "";
-        if (voice_id == "") {
-            switch (this.languageCode) {
-                case "en-us":
-                    voice_id = gender == "male" ? "en-US-GuyNeural" : "en-US-AriaNeural"
-                    break;
-                case "ko-kr":
-                    voice_id = gender == "male" ? "ko-KR-InJoonNeural" : "ko-KR-YuJinNeural"
-                    break;
-                case "cmn-CN":
-                    voice_id = gender == "male" ? "zh-CN-YunjianNeural" : "zh-CN-XiaohanNeural"
-                    break;
-                default:
-                    voice_id = gender == "male" ? "ja-JP-KeitaNeural" : "ja-JP-NanamiNeural"
             }
-        }
-        const requestOptions = {
-            method: 'POST',
-            headers: {
-                Authorization: `Basic ${this.didOptions.key}`,
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({
-                script: {
-                    type: "text",
-                    subtitles: false,
-                    provider: {
-                        type: "microsoft",
-                        voice_id: voice_id
-                    },
-                    ssml: false,
-                    input: input
-                },
-                config: {
-                    fluent: false,
-                    pad_audio: 0,
-                    align_driver: false,
-                    stitch: false,
-                    auto_match: false,
-                    sharpen: false,
-                    normalization_factor: 0
-                },
-                session_id: this.sessionId,
-            }),
-        };
-        if (this.didOptions.service === 'clips') {
-            requestOptions.body.background = { color: '#FFFFFF' };
-        }
-        try {
-            const playResponse = await this.fetchWithRetries(`https://api.d-id.com/${this.didOptions.service}/streams/${this.streamId}`, requestOptions);
-            // Handle response if needed
-        } catch (error) {
-            console.error('Error starting talk:', error);
-            // Handle error
-        }
-    }
-}
-async destoryTalk(input) {
-    try {
-        await fetch(`https://api.d-id.com/${this.didOptions.service}/streams/${this.streamId}`, {
-            method: 'DELETE',
-            headers: {
-                Authorization: `Basic ${this.didOptions.key}`,
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({ session_id: this.sessionId }),
-        });
-        await this.stopAllStreams();
-        await this.closePC();
-    } catch (error) {
-        console.error('Error destroying talk:', error);
-        // Handle error
-    }
-}
-onIceCandidate(event) {
-    if (event.candidate) {
-        const { candidate, sdpMid, sdpMLineIndex } = event.candidate;
-        fetch(`https://api.d-id.com/${this.didOptions.service}/streams/${this.streamId}/ice`, {
-            method: 'POST',
-            headers: {
-                Authorization: `Basic ${this.didOptions.key}`,
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({
-                candidate,
-                sdpMid,
-                sdpMLineIndex,
-                session_id: this.sessionId,
-            }),
-        }).catch((error) => {
-            console.error('Error sending ICE candidate:', error);
-            // Handle error
-        });
-    }
-}
-onIceConnectionStateChange() {
-   if (this.peerConnection.iceConnectionState === 'failed' || this.peerConnection.iceConnectionState === 'closed') {
-       this.stopAllStreams();
-       this.closePC();
-   }
-}
-onTrack(event) {
-    if (!event.track || !event.streams || event.streams.length === 0) return;
-    this.statsIntervalId = setInterval(async () => {
-        const stats = await this.peerConnection.getStats(event.track);
-        stats.forEach((report) => {
-            if (report.type === 'inbound-rtp' && report.mediaType === 'video') {
-                const videoStatusChanged = this.videoIsPlaying !== report.bytesReceived > this.lastBytesReceived;
-                if (videoStatusChanged) {
-                    this.videoIsPlaying = report.bytesReceived > this.lastBytesReceived;
-                    this.onVideoStatusChange(this.videoIsPlaying, event.streams[0]);
                 }
-                this.lastBytesReceived = report.bytesReceived;
             }
-        });
-    }, 100);
-}
-onVideoStatusChange(videoIsPlaying, stream) {
-    let status;
-    if (videoIsPlaying) {
-        status = 'streaming';
-        const remoteStream = stream;
-        this.streams.push(remoteStream);
-        this.checkSpeaching();
-    } else {
-        status = 'empty';
-        this.speaching = false;
-        this.processing = false;
-        this.playIdleVideo();
-    }
-}
-checkSpeaching() {
-    if (this.speaching) {
-        setTimeout(() => {this.checkSpeaching()}, 20)
-    } else {
-        this.setVideoElement(this.streams.shift());
-    }
-}
-async createPeerConnection(offer, iceServers) {
-    if (!this.peerConnection) {
-        this.peerConnection = new RTCPeerConnection({ iceServers });
-        this.peerConnection.addEventListener('icecandidate', this.onIceCandidate.bind(this), true);
-        this.peerConnection.addEventListener('iceconnectionstatechange', this.onIceConnectionStateChange.bind(this), true);
-        this.peerConnection.addEventListener('track', this.onTrack.bind(this), true);
-    }
-    await this.peerConnection.setRemoteDescription(offer);
-    const sessionClientAnswer = await this.peerConnection.createAnswer();
-    await this.peerConnection.setLocalDescription(sessionClientAnswer);
-    return sessionClientAnswer;
-}
-setVideoElement(stream) {
-    if (!stream) return;
-    this.videoElement.srcObject = stream;
-    this.videoElement.loop = false;
-    // safari hotfix
-    if (this.videoElement.paused) {
-        this.videoElement
-            .play()
-            .then((_) => {})
-            .catch((e) => {});
-    }
-}
-playIdleVideo() {
-    this.videoElement.srcObject = undefined;
-    this.videoElement.src = this.didOptions.presenter.idle_movie;
-    this.videoElement.loop = true;
-}
-playLoadingVideo() {
-    this.videoElement.srcObject = undefined;
-    this.videoElement.src = this.didOptions.presenter.loading_movie;
-    this.videoElement.loop = false;
-}
-stopAllStreams() {
-    if (this.videoElement.srcObject) {
-        this.videoElement.srcObject.getTracks().forEach((track) => track.stop());
-        this.videoElement.srcObject = null;
-    }
-}
-closePC(pc = this.peerConnection) {
-    if (!pc) return;
-    pc.close();
-    pc.removeEventListener('icecandidate', this.onIceCandidate.bind(this), true);
-    pc.removeEventListener('iceconnectionstatechange', this.onIceConnectionStateChange.bind(this), true);
-    pc.removeEventListener('track', this.onTrack.bind(this), true);
-    clearInterval(this.statsIntervalId);
-    if (pc === this.peerConnection) {
-        this.peerConnection = null;
-    }
-}
-async fetchWithRetries(url, options, retries = 1) {
-    const maxRetryCount = 3;
-    const maxDelaySec = 4;
-    try {
-        return await fetch(url, options);
-    } catch (err) {
-        if (retries <= maxRetryCount) {
-            const delay = Math.min(Math.pow(2, retries) / 4 + Math.random(), maxDelaySec) * 1000;
-            await new Promise((resolve) => setTimeout(resolve, delay));
-            return this.fetchWithRetries(url, options, retries + 1);
-        } else {
-            throw new Error(`Max retries exceeded. error: ${err}`);
-        }
-        }
-    }
-}
-    const miiboAvatar = new MiiboAvatar({
-        container: "my-video",
-        option: {
-            miibo: {
-                api_key: "ed212f05-a0f2-4838-9bb3-26d318504a76190c9e5bc19f0",
-                agent_id: "3e83a6b2-3c03-42b1-abc7-8a2dd97a8999190c7d1806120c",
-                user_id: "user",
-            },
-            d_id: {
-                key: "bWl5YXRha2VuOTk3QGdtYWlsLmNvbQ:9kIeSKJzFOc382oj4IHTl",
-                service: "talks",
-                priority: "cost",
-                presenter:{
-                    gender: "male",
-                    image_url: "https://kenken999-fastapi-django-main-live.hf.space/static/sugi.jpg",
-                    idle_movie: "https://github.com/miibo-takumori/resorces/raw/main/portorate-idle.mp4",
-                    loading_movie: "https://github.com/miibo-takumori/resorces/raw/main/portorate-loading.mp4",
                 }
             }
         }
-    })
-    miiboAvatar.autoRecognize();
-</script>
-<canvas id="my-live2d"></canvas>
-<script src="live2d.js"></script>
-<script src="index.js"></script>
     <div id="vtubers">
         <!--
         <iframe width="auto" height="315" src="https://www.youtube.com/embed/9BSgttQDyOw?si=ax2F4oAi2h9f9eGT" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

     <script src="./aivtuber.js"></script>
     <title>Live2Dサンプル</title>
     <!-- Live2D -->
+    <script src="./live2dcubismcore.js"></script>
+    <script src="//cdn.jsdelivr.net/gh/dylanNew/live2d/webgl/Live2D/lib/live2d.min.js"></script>
+    <!-- PixiJS -->
+    <script src="//cdnjs.cloudflare.com/ajax/libs/pixi.js/5.1.3/pixi.min.js"></script>
+    <script src="//cdn.jsdelivr.net/npm/pixi-live2d-display/dist/index.min.js"></script>
+    <!-- Kalidokit -->
+    <script src="//cdn.jsdelivr.net/npm/[email protected]/dist/kalidokit.umd.js"></script>
 </head>
 <body>
+    <video id="my-video" autoplay></video>
+    <script>
+        'use strict';
+        class MiiboAvatar {
+            constructor(config) {
+                this.container = config.container;
+                this.speechToTextOptions = config.option.speech_to_text;
+                this.miiboOptions = config.option.miibo;
+                this.didOptions = config.option.d_id;
+                this.initialize();
+            }
+            initialize() {
+                //alert("38");
+                const RTCPeerConnection = window.RTCPeerConnection || window.webkitRTCPeerConnection || window.mozRTCPeerConnection;
+                this.videoElement = document.getElementById(this.container);
+                this.videoElement.setAttribute('playsinline', '');
+                this.playIdleVideo();
+                this.createNewStream();
+                this.rec = new webkitSpeechRecognition()
+                this.speaching = false;
+                this.processing = false;
+                this.streams = [];
+            }
+            async createNewStream() {
+                //alert("53")
+                try {
+                    this.stopAllStreams();
+                    this.closePC();
+                    let presenter = { "source_url": this.didOptions.presenter.image_url }
+                    const sessionResponse = await this.fetchWithRetries(`https://api.d-id.com/${this.didOptions.service}/streams`, {
+                        method: 'POST',
+                        headers: {
+                            Authorization: `Basic ${this.didOptions.key}`,
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify(presenter),
+                    });
+                    const { id: newStreamId, offer, ice_servers: iceServers, session_id: newSessionId } = await sessionResponse.json();
+                    this.streamId = newStreamId;
+                    this.sessionId = newSessionId;
+                    try {
+                        this.sessionClientAnswer = await this.createPeerConnection(offer, iceServers);
+                    } catch (e) {
+                        console.log('Error creating peer connection:', e);
+                        this.stopAllStreams();
+                        this.closePC();
+                        return;
+                    }
+                    const sdpResponse = await fetch(`https://api.d-id.com/${this.didOptions.service}/streams/${this.streamId}/sdp`, {
+                        method: 'POST',
+                        headers: {
+                            Authorization: `Basic ${this.didOptions.key}`,
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify({
+                            answer: this.sessionClientAnswer,
+                            session_id: this.sessionId,
+                        }),
+                    });
+                    // Handle sdpResponse if needed
+                } catch (error) {
+                    console.log('Error creating new stream:', error);
+                    // Handle error
                 }
             }
+            speechRecogInit() {
+                this.audioContext = new (window.AudioContext || window.webkitAudioContext)()
+                if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
+                    navigator.mediaDevices.getUserMedia({ audio: true }).then((stream) => {
+                        var input = this.audioContext.createMediaStreamSource(stream)
+                        this.audioContext.resume()
+                        this.recorder = new Recorder(input)
+                    })
                 }
             }
+            startRecording() {
+                this.recorder && this.recorder.record();
             }
+            stopRecording() {
+                this.playLoadingVideo();
+                this.recorder && this.recorder.stop();
+                this.audioRecognize();
+                this.recorder.clear();
+            }
+            audioRecognize() {
+                this.recorder && this.recorder.exportWAV((blob) => {
+                    let reader = new FileReader()
+                    reader.onload = () => {
+                        let result = new Uint8Array(reader.result)
+                        let data = {
+                            "config": {
+                                "encoding": "LINEAR16",
+                                "languageCode": "ja-JP",
+                                "alternativeLanguageCodes": ["en-US"],//,"cmn-CN","ko-KR"],
+                                "audio_channel_count": 2
+                            },
+                            "audio": {
+                                "content": this.arrayBufferToBase64(result)
+                            }
+                        }
+                        fetch('https://speech.googleapis.com/v1/speech:recognize?key=' + this.speechToTextOptions.api_key, {
+                            method: 'POST',
+                            headers: {
+                                'Content-Type': 'application/json; charset=utf-8'
+                            },
+                            body: JSON.stringify(data)
+                        }).then((response) => {
+                            return response.text()
+                        }).then((text) => {
+                            let result_json = JSON.parse(text)
+                            text = result_json.results[0].alternatives[0].transcript;
+                            this.languageCode = result_json.results[0].languageCode;
+                            this.ask(text)
+                        })
+                    }
+                    reader.readAsArrayBuffer(blob)
+                })
+            }
+            // Chrome Only
+            autoRecognizeMessage(message) {
+                handleLiveComment("test", message)
+                //alert("start word test")
+                this.rec.continuous = false
+                this.rec.interimResults = false
+                this.rec.lang = 'ja-JP'
+                this.processing = true
+                this.playLoadingVideo();
+                this.rec.stop()
+                alert("startssssssssssssssssssssssssss")
+                const { transcript } = message
+                this.ask(transcript);
+                //for (var i = e.resultIndex; i < e.results.length; i++) {
+                //   if (!e.results[i].isFinal) continue
+                //
+                //       const { transcript } = e.results[i][0]
+                //     this.ask(transcript);
+                //}
+                //this.rec.onresult = (e) => {
+                //}
+                this.rec.onend = () => { this.autoRecognizeRestart() }
+                this.rec.start()
+            }
+            // Chrome Only
+            autoRecognize() {
+                this.rec.continuous = false
+                this.rec.interimResults = false
+                this.rec.lang = 'ja-JP'
+                this.rec.onresult = (e) => {
+                    this.processing = true
+                    this.playLoadingVideo();
+                    this.rec.stop()
+                    //alert("start")
+                    for (var i = e.resultIndex; i < e.results.length; i++) {
+                        if (!e.results[i].isFinal) continue
+                        const { transcript } = e.results[i][0]
+                        this.ask(transcript);
+                    }
                 }
+                this.rec.onend = () => { this.autoRecognizeRestart() }
+                this.rec.start()
             }
+            autoRecognizeRestart() {
+                if (this.processing) {
+                    setTimeout(() => { this.autoRecognizeRestart() }, 1000)
+                } else {
+                    this.rec.start()
+                }
+            }
+            arrayBufferToBase64(buffer) {
+                let binary = ''
+                let bytes = new Uint8Array(buffer);
+                let len = bytes.byteLength
+                for (let i = 0; i < len; i++) {
+                    binary += String.fromCharCode(bytes[i])
+                }
+                return window.btoa(binary)
+            }
+            ask(message) {
+                //youtubeからの質問
+                alert("203 ask" + message);
+                //ask(start);
+                this.getMiiboResponse(message);
+            }
+            async getMiiboResponse(utterance) {
+                alert("209 getMiiboResponse" + utterance)
+                const params = {
+                    api_key: this.miiboOptions.api_key,
+                    agent_id: this.miiboOptions.agent_id,
+                    uid: this.miiboOptions.user_id,
+                    stream: true,
+                    utterance: utterance
+                };
+                try {
+                    const res = await fetch("https://api-mebo.dev/api", {
+                        method: "POST",
+                        headers: { "Content-Type": "application/json" },
+                        body: JSON.stringify(params),
+                    });
+                    const reader = res.body.getReader();
+                    const decoder = new TextDecoder();
+                    let output = "";
+                    let sentences = [];
+                    let current_index = 0;
+                    const read = async () => {
+                        const { done, value } = await reader.read();
+                        if (done) return;
+                        let dataString = decoder.decode(value).split("\n").filter(x => x != "");
+                        try {
+                            let responseData = JSON.parse(dataString[dataString.length - 1]);
+                            output = responseData.bestResponse.utterance.split("\n").filter(x => x.trim() != "").join("\n");
+                            sentences = output.replace(/[。、\.\,\!\?！？]/, ".").split(".")
+                            if (this.didOptions.priority == "speed" && current_index == 0 && current_index + 1 < sentences.length) {
+                                this.startTalk(sentences[current_index++])
+                            }
+                        } catch (e) {
+                            console.log(e);
+                        }
+                        return read();
+                    };
+                    await read();
+                    reader.releaseLock();
+                    this.startTalk(sentences.slice(current_index).join("。"));
+                } catch (error) {
+                    console.log("Error fetching AI response: ", error);
+                }
+            }
+            async startTalk(input) {
+                if (this.peerConnection?.signalingState === 'stable' || this.peerConnection?.iceConnectionState === 'connected') {
+                    const gender = this.didOptions.presenter.gender;
+                    let voice_id = this.didOptions.presenter.voice_id || "";
+                    if (voice_id == "") {
+                        switch (this.languageCode) {
+                            case "en-us":
+                                voice_id = gender == "male" ? "en-US-GuyNeural" : "en-US-AriaNeural"
+                                break;
+                            case "ko-kr":
+                                voice_id = gender == "male" ? "ko-KR-InJoonNeural" : "ko-KR-YuJinNeural"
+                                break;
+                            case "cmn-CN":
+                                voice_id = gender == "male" ? "zh-CN-YunjianNeural" : "zh-CN-XiaohanNeural"
+                                break;
+                            default:
+                                voice_id = gender == "male" ? "ja-JP-KeitaNeural" : "ja-JP-NanamiNeural"
+                        }
+                    }
+                    const requestOptions = {
+                        method: 'POST',
+                        headers: {
+                            Authorization: `Basic ${this.didOptions.key}`,
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify({
+                            script: {
+                                type: "text",
+                                subtitles: false,
+                                provider: {
+                                    type: "microsoft",
+                                    voice_id: voice_id
+                                },
+                                ssml: false,
+                                input: input
+                            },
+                            config: {
+                                fluent: false,
+                                pad_audio: 0,
+                                align_driver: false,
+                                stitch: false,
+                                auto_match: false,
+                                sharpen: false,
+                                normalization_factor: 0
+                            },
+                            session_id: this.sessionId,
+                        }),
+                    };
+                    if (this.didOptions.service === 'clips') {
+                        requestOptions.body.background = { color: '#FFFFFF' };
+                    }
+                    try {
+                        const playResponse = await this.fetchWithRetries(`https://api.d-id.com/${this.didOptions.service}/streams/${this.streamId}`, requestOptions);
+                        // Handle response if needed
+                    } catch (error) {
+                        console.error('Error starting talk:', error);
+                        // Handle error
+                    }
+                }
+            }
+            async destoryTalk(input) {
+                try {
+                    await fetch(`https://api.d-id.com/${this.didOptions.service}/streams/${this.streamId}`, {
+                        method: 'DELETE',
+                        headers: {
+                            Authorization: `Basic ${this.didOptions.key}`,
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify({ session_id: this.sessionId }),
+                    });
+                    await this.stopAllStreams();
+                    await this.closePC();
+                } catch (error) {
+                    console.error('Error destroying talk:', error);
+                    // Handle error
+                }
+            }
+            onIceCandidate(event) {
+                if (event.candidate) {
+                    const { candidate, sdpMid, sdpMLineIndex } = event.candidate;
+                    fetch(`https://api.d-id.com/${this.didOptions.service}/streams/${this.streamId}/ice`, {
+                        method: 'POST',
+                        headers: {
+                            Authorization: `Basic ${this.didOptions.key}`,
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify({
+                            candidate,
+                            sdpMid,
+                            sdpMLineIndex,
+                            session_id: this.sessionId,
+                        }),
+                    }).catch((error) => {
+                        console.error('Error sending ICE candidate:', error);
+                        // Handle error
+                    });
+                }
+            }
+            onIceConnectionStateChange() {
+                if (this.peerConnection.iceConnectionState === 'failed' || this.peerConnection.iceConnectionState === 'closed') {
+                    this.stopAllStreams();
+                    this.closePC();
+                }
+            }
+            onTrack(event) {
+                if (!event.track || !event.streams || event.streams.length === 0) return;
+                this.statsIntervalId = setInterval(async () => {
+                    const stats = await this.peerConnection.getStats(event.track);
+                    stats.forEach((report) => {
+                        if (report.type === 'inbound-rtp' && report.mediaType === 'video') {
+                            const videoStatusChanged = this.videoIsPlaying !== report.bytesReceived > this.lastBytesReceived;
+                            if (videoStatusChanged) {
+                                this.videoIsPlaying = report.bytesReceived > this.lastBytesReceived;
+                                this.onVideoStatusChange(this.videoIsPlaying, event.streams[0]);
+                            }
+                            this.lastBytesReceived = report.bytesReceived;
+                        }
+                    });
+                }, 100);
+            }
+            onVideoStatusChange(videoIsPlaying, stream) {
+                let status;
+                if (videoIsPlaying) {
+                    status = 'streaming';
+                    const remoteStream = stream;
+                    this.streams.push(remoteStream);
+                    this.checkSpeaching();
+                } else {
+                    status = 'empty';
+                    this.speaching = false;
+                    this.processing = false;
+                    this.playIdleVideo();
+                }
+            }
+            checkSpeaching() {
+                if (this.speaching) {
+                    setTimeout(() => { this.checkSpeaching() }, 20)
+                } else {
+                    this.setVideoElement(this.streams.shift());
+                }
+            }
+            async createPeerConnection(offer, iceServers) {
+                if (!this.peerConnection) {
+                    this.peerConnection = new RTCPeerConnection({ iceServers });
+                    this.peerConnection.addEventListener('icecandidate', this.onIceCandidate.bind(this), true);
+                    this.peerConnection.addEventListener('iceconnectionstatechange', this.onIceConnectionStateChange.bind(this), true);
+                    this.peerConnection.addEventListener('track', this.onTrack.bind(this), true);
+                }
+                await this.peerConnection.setRemoteDescription(offer);
+                const sessionClientAnswer = await this.peerConnection.createAnswer();
+                await this.peerConnection.setLocalDescription(sessionClientAnswer);
+                return sessionClientAnswer;
+            }
+            setVideoElement(stream) {
+                if (!stream) return;
+                this.videoElement.srcObject = stream;
+                this.videoElement.loop = false;
+                // safari hotfix
+                if (this.videoElement.paused) {
+                    this.videoElement
+                        .play()
+                        .then((_) => { })
+                        .catch((e) => { });
+                }
+            }
+            playIdleVideo() {
+                this.videoElement.srcObject = undefined;
+                this.videoElement.src = this.didOptions.presenter.idle_movie;
+                this.videoElement.loop = true;
+            }
+            playLoadingVideo() {
+                this.videoElement.srcObject = undefined;
+                this.videoElement.src = this.didOptions.presenter.loading_movie;
+                this.videoElement.loop = false;
+            }
+            stopAllStreams() {
+                if (this.videoElement.srcObject) {
+                    this.videoElement.srcObject.getTracks().forEach((track) => track.stop());
+                    this.videoElement.srcObject = null;
+                }
+            }
+            closePC(pc = this.peerConnection) {
+                if (!pc) return;
+                pc.close();
+                pc.removeEventListener('icecandidate', this.onIceCandidate.bind(this), true);
+                pc.removeEventListener('iceconnectionstatechange', this.onIceConnectionStateChange.bind(this), true);
+                pc.removeEventListener('track', this.onTrack.bind(this), true);
+                clearInterval(this.statsIntervalId);
+                if (pc === this.peerConnection) {
+                    this.peerConnection = null;
+                }
+            }
+            async fetchWithRetries(url, options, retries = 1) {
+                const maxRetryCount = 3;
+                const maxDelaySec = 4;
+                try {
+                    return await fetch(url, options);
+                } catch (err) {
+                    if (retries <= maxRetryCount) {
+                        const delay = Math.min(Math.pow(2, retries) / 4 + Math.random(), maxDelaySec) * 1000;
+                        await new Promise((resolve) => setTimeout(resolve, delay));
+                        return this.fetchWithRetries(url, options, retries + 1);
+                    } else {
+                        throw new Error(`Max retries exceeded. error: ${err}`);
+                    }
                 }
             }
         }
+        const miiboAvatar = new MiiboAvatar({
+            container: "my-video",
+            option: {
+                miibo: {
+                    api_key: "ed212f05-a0f2-4838-9bb3-26d318504a76190c9e5bc19f0",
+                    agent_id: "3e83a6b2-3c03-42b1-abc7-8a2dd97a8999190c7d1806120c",
+                    user_id: "user",
+                },
+                d_id: {
+                    key: "bWl5YXRha2VuOTk3QGdtYWlsLmNvbQ:9kIeSKJzFOc382oj4IHTl",
+                    service: "talks",
+                    priority: "cost",
+                    presenter: {
+                        gender: "male",
+                        image_url: "https://kenken999-fastapi-django-main-live.hf.space/static/sugi.jpg",
+                        idle_movie: "https://github.com/miibo-takumori/resorces/raw/main/portorate-idle.mp4",
+                        loading_movie: "https://github.com/miibo-takumori/resorces/raw/main/portorate-loading.mp4",
+                    }
+                }
+            }
+        })
+        miiboAvatar.autoRecognize();
+    </script>
+    <canvas id="my-live2d"></canvas>
+    <script src="live2d.js"></script>
+    <script src="index.js"></script>
     <div id="vtubers">
         <!--
         <iframe width="auto" height="315" src="https://www.youtube.com/embed/9BSgttQDyOw?si=ax2F4oAi2h9f9eGT" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

workspace/sample_html.html ADDED Viewed

	@@ -0,0 +1 @@


1	+ <!DOCTYPE html><html><head><title>Sample HTML Page</title></head><body><h1>Welcome to my sample HTML page</h1></body></html>