Advertisement
pszemraj

vid2text placeholder site

Oct 9th, 2022
158
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.54 KB | None | 0 0
  1. <!-- Create a basic placeholder static site for vid2text that is modern and elegant. vid2text is a service that enables automatic transcription of audio from video files using AI. it will make the "vid2cleantext" repository come alive. -->
  2. <!-- no CSS should be used. -->
  3. <!DOCTYPE html>
  4. <html>
  5.  
  6. <head>
  7.     <meta charset="utf-8" />
  8.     <title>vid2text</title>
  9.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  10.     <meta name="description" content="vid2text is a service that enables automatic transcription of audio from video files using AI. it will make the vid2cleantext repository come alive." />
  11.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.0/css/bulma.min.css" />
  12.     <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@1.0.0/dist/tf.min.js"></script>
  13.     <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/posenet@0.2.0"></script>
  14.     <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/text-classification@1.0.0"></script>
  15.     <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/universal-sentence-encoder@1.0.0"></script>
  16.     <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/bi-attention@1.0.2"></script>
  17.     <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/simplernn@1.0.2"></script>
  18.     <style>
  19.         .center {
  20.             margin: auto;
  21.             width: 50%;
  22.             padding: 10px;
  23.         }
  24.  
  25.         .center img {
  26.             display: block;
  27.             margin: auto;
  28.             width: 50%;
  29.         }
  30.  
  31.         .center p {
  32.             font-size: 1rem;
  33.         }
  34.  
  35.         .center span {
  36.             font-size: 0.8rem;
  37.         }
  38.  
  39.         .center span a {
  40.             color: #0070f3;
  41.             text-decoration: none;
  42.         }
  43.  
  44.         .center span a:hover {
  45.             text-decoration: underline;
  46.         }
  47.  
  48.         .center span a:visited {
  49.             color: #0070f3;
  50.         }
  51.  
  52.         .center span a:active {
  53.             color: #0070f3;
  54.         }
  55.  
  56.         .center span a:focus {
  57.             color: #0070f3;
  58.         }
  59.     </style>
  60. </head>
  61.  
  62.  
  63. <div class="container">
  64.     <!-- Main hero unit for a primary marketing message or call to action -->
  65.     <div class="hero is-primary">
  66.         <div class="hero-body">
  67.             <div class="container">
  68.                 <h1 class="title">vid2text</h1>
  69.                 <h2 class="subtitle">
  70.                     <strong>vid2text</strong> is a service that enables automatic transcription of audio from video files using AI. it will make the vid2cleantext repository come alive.
  71.                 </h2>
  72.             </div>
  73.         </div>
  74.         <div class="hero-unit">
  75.  
  76.  
  77.             <p>
  78.                 <strong>Why</strong>
  79.                 vid2text as a service is geared towards those who do not have programming experience and want to use features of the <i><a href=" https://github.com/pszemraj/vid2cleantxt ">vid2cleantxt</a></i> repository & transformers to transcribe
  80.                 their videos.
  81.             </p>
  82.             <!--section to describe use cases: lecture transcription, note taking-->
  83.             <p>
  84.                 <strong>Use cases</strong>
  85.                 <li>lecture transcription</li>
  86.                 <li>note taking</li>
  87.             </p>
  88.             <!--section to describe how it works: -->
  89.             <p>
  90.                 <strong>How it works</strong>
  91.                 <li>video is uploaded</li>
  92.                 <li>video is converted to audio</li>
  93.                 <li>audio is converted to text</li>
  94.                 <li>text is cleaned</li>
  95.             </p>
  96.             <!--section to describe how to use it: -->
  97.             <p>
  98.                 <strong>How to use it</strong>
  99.                 <li>upload video</li>
  100.                 <li>wait for text</li>
  101.                 <li>download text</li>
  102.             </p>
  103.             <!--section to describe how to contribute: -->
  104.             <p>
  105.                 <strong>How to contribute</strong>
  106.                 <li>fork the repository</li>
  107.                 <li>add your feature</li>
  108.                 <li>submit a pull request</li>
  109.             </p>
  110.             <!--section to describe how to contact: -->
  111.             <p>
  112.                 <strong>How to contact</strong>
  113.                 <li>email:
  114.  
  115.         </div>
  116.         </body>
  117.  
  118. </html>
  119.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement