test progress bar

main.py

@@ -94,15 +94,13 @@ async def progress_page():
 
 @app.post("/make_anchor_video_v2")
 async def make_anchor_video_v2(req:request2):
-    x = threading.Thread(target=anchor_video_v2, args=(req.name, req.text_content, req.image_urls))
+    x = threading.Thread(target=anchor_video_v3, args=(req.name, req.text_content, req.image_urls))
     x.start()
     #return RedirectResponse("https://www.choozmo.com/progress_page")
     #return {"https://www.choozmo.com:8888/progress_page"}
     return {"msg":"製作影片需要時間，請您耐心等候 稍後可以在www.choozmo.com:8168/"+req.name+".mp4 中觀看"} 
 
 
-
-
 @app.websocket("/progress")
 async def websocket_endpoint(websocket: WebSocket):
     await websocket.accept()

progress.html

@@ -51,24 +51,28 @@ function move() {
 </script>
 
 
-
+<h1>WebSocket Chat</h1>
+<form action="" onsubmit="sendMessage(event)">
+    <input type="text" id="messageText" autocomplete="off"/>
+    <button>Send</button>
+</form>
+<ul id='messages'>
+</ul>
 <script>
-    var ws = new WebSocket("ws://www.choozmo.com:8888/progress");
+    var ws = new WebSocket("ws://www.choozmo.com:8888/ws");
     ws.onmessage = function(event) {
-
-    var elem = document.getElementById("myBar");
-  
-        elem.style.width = event.data + "%";
-        elem.innerHTML = event.data  + "%";
-
-
         var messages = document.getElementById('messages')
         var message = document.createElement('li')
         var content = document.createTextNode(event.data)
         message.appendChild(content)
         messages.appendChild(message)
     };
-  
+    function sendMessage(event) {
+        var input = document.getElementById("messageText")
+        ws.send(input.value)
+        input.value = ''
+        event.preventDefault()
+    }
 </script>
 
 </body>