uploadAudio.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. <!DOCTYPE html>
  2. <html lang="en" >
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>AI ANCHOR GO</title>
  7. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
  8. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
  9. crossorigin="anonymous">
  10. <link rel="stylesheet"
  11. href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
  12. crossorigin="anonymous">
  13. <link rel="preconnect" href="https://fonts.googleapis.com">
  14. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  15. <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
  16. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
  17. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.min.css">
  18. <link rel="stylesheet" href="static/style.css">
  19. <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  20. <style>
  21. body {
  22. font-family: "Lato", sans-serif;
  23. }
  24. .sidenav {
  25. height: 100%;
  26. width: 250px;
  27. position: fixed;
  28. z-index: 1;
  29. top: 0;
  30. left: 0;
  31. background: linear-gradient(to bottom, #1C7CE0, #150051);
  32. overflow-x: hidden;
  33. transition: 0.5s;
  34. padding-top: 20px;
  35. }
  36. .sidenav a {
  37. padding: 8px 8px 8px 32px;
  38. text-decoration: none;
  39. font-size: 25px;
  40. color: #818181;
  41. display: block;
  42. transition: 0.3s;
  43. }
  44. .sidenav a:hover {
  45. color: #f1f1f1;
  46. }
  47. .sidenav .closebtn {
  48. position: absolute;
  49. top: 0;
  50. right: 25px;
  51. font-size: 36px;
  52. margin-left: 50px;
  53. }
  54. @media screen and (max-height: 450px) {
  55. .sidenav {padding-top: 15px;}
  56. .sidenav a {font-size: 18px;}
  57. }
  58. </style>
  59. </head>
  60. <body>
  61. <div class="container-fluid">
  62. <div id="mySidenav" class="sidenav">
  63. <!-- <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a> -->
  64. <h2 class="go_title">AI PODCAST</h2>
  65. <ul class="nav-list">
  66. <li class="nav-list-item pb-1 mb-3" data-bs-toggle="modal" data-bs-target="#howto"><i class="fas fa-book-open me-2"></i>使用說明</li>
  67. </ul>
  68. <p class="right-text text-white d-inline-block">Choozmo All Rights Reserved</p>
  69. </div>
  70. <!-- <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776; 過去紀錄</span> -->
  71. <div class="content ms-auto">
  72. <form id="msform">
  73. <fieldset id='imgSrc'>
  74. <h3 class="fs-subtitle" style="display: inline-block;">Podcast音檔上傳</h3><br/>
  75. <input id="img1" type="file" class="img_uploader img_up "><label for="img1" class="upload-btn action-button">上傳檔案</label><br/>
  76. </fieldset>
  77. </form>
  78. <!-- <div style="width: 80%;margin: 0 auto;"><iframe src="http://www.choozmo.com:8168/ai_anchor_video/16250306886652043.mp4" frameborder="0" style="width: 100%;height: 400px;"></iframe></div> -->
  79. </div>
  80. </div>
  81. <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
  82. <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>
  83. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
  84. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>
  85. <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.all.min.js"></script>
  86. <script src="https://cdnjs.cloudflare.com/ajax/libs/validate.js/0.13.1/validate.min.js"></script>
  87. <script src="static/upload.js"></script>
  88. <body>
  89. </div>
  90. </body>
  91. </html>