├── src
    ├── react-app-env.d.ts
    ├── AudioPlayer
    │   ├── AudioPlayer.css
    │   ├── format-time.ts
    │   ├── AudioWave.tsx
    │   ├── InputAudio.tsx
    │   ├── AudioTranscript.tsx
    │   └── AudioPlayer.tsx
    ├── App.css
    ├── setupTests.ts
    ├── AudioTranscript
    │   ├── LiveTranstruct.test.ts
    │   ├── LiveTranstruct.ts
    │   ├── __snapshots__
    │   │   └── LiveTranstruct.test.ts.snap
    │   └── LiveTranstruct.test.json
    ├── reportWebVitals.ts
    ├── index.tsx
    ├── App.tsx
    ├── logo.svg
    └── index.css
├── .githooks
    └── pre-commit
├── public
    ├── example.mp3
    ├── favicon.ico
    ├── logo192.png
    ├── logo512.png
    ├── robots.txt
    ├── manifest.json
    └── index.html
├── .github
    └── workflows
    │   └── test.yml
├── tsconfig.json
├── netlify.toml
├── LICENSE
├── package.json
├── docs
    └── strctures.md
├── README.md
└── .gitignore


/src/react-app-env.d.ts:
--------------------------------------------------------------------------------
1 | /// <reference types="react-scripts" />
2 | 


--------------------------------------------------------------------------------
/.githooks/pre-commit:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 | require('.bin/lint-staged');
3 | 


--------------------------------------------------------------------------------
/public/example.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/azu/transcript-audio/HEAD/public/example.mp3


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/azu/transcript-audio/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/public/logo192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/azu/transcript-audio/HEAD/public/logo192.png


--------------------------------------------------------------------------------
/public/logo512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/azu/transcript-audio/HEAD/public/logo512.png


--------------------------------------------------------------------------------
/src/AudioPlayer/AudioPlayer.css:
--------------------------------------------------------------------------------
1 | .Audio,
2 | .SelectAudioDevice {
3 |     flex: 1;
4 | }
5 | 


--------------------------------------------------------------------------------
/public/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 | Disallow:
4 | 


--------------------------------------------------------------------------------
/src/App.css:
--------------------------------------------------------------------------------
1 | .App-Main {
2 |     display: flex;
3 |     align-content: center;
4 |     justify-content: center;
5 | }
6 | 


--------------------------------------------------------------------------------
/src/setupTests.ts:
--------------------------------------------------------------------------------
1 | // jest-dom adds custom jest matchers for asserting on DOM nodes.
2 | // allows you to do things like:
3 | // expect(element).toHaveTextContent(/react/i)
4 | // learn more: https://github.com/testing-library/jest-dom
5 | import "@testing-library/jest-dom";
6 | 


--------------------------------------------------------------------------------
/src/AudioTranscript/LiveTranstruct.test.ts:
--------------------------------------------------------------------------------
 1 | import { createLiveTranscript } from "./LiveTranstruct";
 2 | import fixture from "./LiveTranstruct.test.json";
 3 | 
 4 | describe("LiveTranscript", function () {
 5 |     it("example", () => {
 6 |         const tr = createLiveTranscript();
 7 |         fixture.forEach((item) => {
 8 |             tr.add(item);
 9 |         });
10 |         expect(tr.get()).toMatchSnapshot();
11 |     });
12 | });
13 | 


--------------------------------------------------------------------------------
/src/AudioPlayer/format-time.ts:
--------------------------------------------------------------------------------
 1 | export const toHHMMSS = (totalSeconds?: number): string => {
 2 |     if (totalSeconds === undefined) {
 3 |         return "<Unknown>:<Unknown>";
 4 |     }
 5 |     const hours = Math.floor(totalSeconds / 3600);
 6 |     const minutes = Math.floor(totalSeconds / 60) % 60;
 7 |     const seconds = Math.floor(totalSeconds % 60);
 8 | 
 9 |     return [hours, minutes, seconds]
10 |         .map((v) => (v < 10 ? "0" + v : v))
11 |         .filter((v, i) => v !== "00" || i > 0)
12 |         .join(":");
13 | };
14 | 


--------------------------------------------------------------------------------
/src/reportWebVitals.ts:
--------------------------------------------------------------------------------
 1 | import { ReportHandler } from "web-vitals";
 2 | 
 3 | const reportWebVitals = (onPerfEntry?: ReportHandler) => {
 4 |     if (onPerfEntry && onPerfEntry instanceof Function) {
 5 |         import("web-vitals").then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
 6 |             getCLS(onPerfEntry);
 7 |             getFID(onPerfEntry);
 8 |             getFCP(onPerfEntry);
 9 |             getLCP(onPerfEntry);
10 |             getTTFB(onPerfEntry);
11 |         });
12 |     }
13 | };
14 | 
15 | export default reportWebVitals;
16 | 


--------------------------------------------------------------------------------
/src/index.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import ReactDOM from "react-dom";
 3 | import "./index.css";
 4 | import App from "./App";
 5 | import reportWebVitals from "./reportWebVitals";
 6 | 
 7 | ReactDOM.render(
 8 |     <React.StrictMode>
 9 |         <App />
10 |     </React.StrictMode>,
11 |     document.getElementById("root")
12 | );
13 | 
14 | // If you want to start measuring performance in your app, pass a function
15 | // to log results (for example: reportWebVitals(console.log))
16 | // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
17 | reportWebVitals();
18 | 


--------------------------------------------------------------------------------
/.github/workflows/test.yml:
--------------------------------------------------------------------------------
 1 | name: test
 2 | on: [push, pull_request]
 3 | jobs:
 4 |   test:
 5 |     name: "Test on Node.js ${{ matrix.node-version }}"
 6 |     runs-on: ubuntu-18.04
 7 |     strategy:
 8 |       matrix:
 9 |         node-version: [10, 12, 14]
10 |     steps:
11 |       - name: checkout
12 |         uses: actions/checkout@v2
13 |       - name: setup Node.js ${{ matrix.node-version }}
14 |         uses: actions/setup-node@v1
15 |         with:
16 |           node-version: ${{ matrix.node-version }}
17 |       - name: Install
18 |         run: yarn install
19 |       - name: Test
20 |         run: yarn test
21 | 


--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "React App",
 3 |   "name": "Create React App Sample",
 4 |   "icons": [
 5 |     {
 6 |       "src": "favicon.ico",
 7 |       "sizes": "64x64 32x32 24x24 16x16",
 8 |       "type": "image/x-icon"
 9 |     },
10 |     {
11 |       "src": "logo192.png",
12 |       "type": "image/png",
13 |       "sizes": "192x192"
14 |     },
15 |     {
16 |       "src": "logo512.png",
17 |       "type": "image/png",
18 |       "sizes": "512x512"
19 |     }
20 |   ],
21 |   "start_url": ".",
22 |   "display": "standalone",
23 |   "theme_color": "#000000",
24 |   "background_color": "#ffffff"
25 | }
26 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "es5",
 4 |     "lib": [
 5 |       "dom",
 6 |       "dom.iterable",
 7 |       "esnext"
 8 |     ],
 9 |     "allowJs": true,
10 |     "skipLibCheck": true,
11 |     "esModuleInterop": true,
12 |     "allowSyntheticDefaultImports": true,
13 |     "strict": true,
14 |     "forceConsistentCasingInFileNames": true,
15 |     "noFallthroughCasesInSwitch": true,
16 |     "module": "esnext",
17 |     "moduleResolution": "node",
18 |     "resolveJsonModule": true,
19 |     "isolatedModules": true,
20 |     "noEmit": true,
21 |     "jsx": "react-jsx"
22 |   },
23 |   "include": [
24 |     "src"
25 |   ]
26 | }
27 | 


--------------------------------------------------------------------------------
/netlify.toml:
--------------------------------------------------------------------------------
 1 | # example netlify.toml
 2 | [build]
 3 |   command = "npm run build"
 4 |   functions = "functions"
 5 |   publish = "build"
 6 | 
 7 |   ## Uncomment to use this redirect for Single Page Applications like create-react-app. 
 8 |   ## Not needed for static site generators.
 9 |   #[[redirects]]
10 |   #  from = "/*"
11 |   #  to = "/index.html"
12 |   #  status = 200
13 |   
14 |   ## (optional) Settings for Netlify Dev
15 |   ## https://github.com/netlify/cli/blob/master/docs/netlify-dev.md#project-detection
16 |   #[dev] 
17 |   #  command = "yarn start" # Command to start your dev server
18 |   #  port = 3000 # Port that the dev server will be listening on
19 |   #  publish = "dist" # Folder with the static content for _redirect file
20 |   
21 |   ## more info on configuring this file: https://www.netlify.com/docs/netlify-toml-reference/ 
22 | 


--------------------------------------------------------------------------------
/src/AudioPlayer/AudioWave.tsx:
--------------------------------------------------------------------------------
 1 | import React, { useCallback, useEffect, useState } from "react";
 2 | // @ts-ignore
 3 | import WFPlayer from "wfplayer";
 4 | 
 5 | export function AudioWave(props: { audioElement: HTMLAudioElement | undefined }) {
 6 |     const [waveform, setWaveform] = useState();
 7 |     const waveRef = useCallback((node) => {
 8 |         setWaveform(node);
 9 |     }, []);
10 |     useEffect(() => {
11 |         console.log("useEffect");
12 |         if (!props.audioElement || !waveform) {
13 |             return;
14 |         }
15 |         console.log("waveform", waveform);
16 |         const wp = new WFPlayer({
17 |             container: waveform
18 |         });
19 |         wp.load(props.audioElement);
20 |         return () => {};
21 |     }, [waveform, props.audioElement]);
22 | 
23 |     return (
24 |         <div
25 |             style={{
26 |                 width: "1000px",
27 |                 height: "300px"
28 |             }}
29 |             ref={waveRef}
30 |         />
31 |     );
32 | }
33 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | Copyright (c) 2020 azu
 2 | 
 3 | Permission is hereby granted, free of charge, to any person obtaining a copy
 4 | of this software and associated documentation files (the "Software"), to deal
 5 | in the Software without restriction, including without limitation the rights
 6 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 7 | copies of the Software, and to permit persons to whom the Software is
 8 | furnished to do so, subject to the following conditions:
 9 | 
10 | The above copyright notice and this permission notice shall be included in all
11 | copies or substantial portions of the Software.
12 | 
13 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
14 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
15 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
16 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
17 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
18 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
19 | SOFTWARE.
20 | 


--------------------------------------------------------------------------------
/src/AudioPlayer/InputAudio.tsx:
--------------------------------------------------------------------------------
 1 | export interface InputAudioProps {
 2 |     preferAudioDeviceNames?: string[];
 3 | }
 4 | 
 5 | export function InputAudio(props: InputAudioProps) {
 6 |     const click = () => {
 7 |         (async () => {
 8 |             const devices = await navigator.mediaDevices.enumerateDevices().then(function (devices) {
 9 |                 return devices.filter((device) => device.kind === "audioinput");
10 |             });
11 |             console.log("Input devices", devices);
12 |             const device = devices[2];
13 |             if (!device) {
14 |                 console.log("No device");
15 |                 return;
16 |             }
17 |             const inputDevideId = device.deviceId;
18 |             console.log("inputDeviceId", inputDevideId);
19 |             const constraints = {
20 |                 audio: {
21 |                     deviceId: inputDevideId
22 |                 }
23 |             };
24 |             await navigator.mediaDevices.getUserMedia(constraints).then(function (stream) {
25 |                 // 成功した時の処理
26 |                 console.log("SUCCC", stream);
27 |             });
28 |         })().catch((error) => {
29 |             console.error(error);
30 |         });
31 |     };
32 |     return <button onClick={click}>Input</button>;
33 | }
34 | 


--------------------------------------------------------------------------------
/src/App.tsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import "./App.css";
 3 | import { AudioPlayer } from "./AudioPlayer/AudioPlayer";
 4 | 
 5 | function App() {
 6 |     return (
 7 |         <div className="App">
 8 |             <header className={"App-Header"}>
 9 |                 <h1>🔈📝 Transcript Audio</h1>
10 |                 <details>
11 |                     <summary>
12 |                         Usage: ⚠️ Need <a href="https://github.com/ExistentialAudio/BlackHole">BlackHole</a> and Chrome
13 |                     </summary>
14 |                     <h2>First</h2>
15 |                     <ul>
16 |                         <li>
17 |                             You need to install <a href="https://github.com/ExistentialAudio/BlackHole">BlackHole</a> on
18 |                             your PC
19 |                         </li>
20 |                         <li>Click "Play" audio button ▶ at first and Confirm "OK" for use your mike 🎤</li>
21 |                         <li>**Reload** the page</li>
22 |                     </ul>
23 |                     <h2>How to get transcript?</h2>
24 |                     <ol>
25 |                         <li>Drag and Drop you audio file you want to transcript</li>
26 |                         <li>Play Audio and wait for transcription!</li>
27 |                     </ol>
28 |                 </details>
29 |             </header>
30 |             <main className={"App-Main"}>
31 |                 <AudioPlayer />
32 |             </main>
33 |         </div>
34 |     );
35 | }
36 | 
37 | export default App;
38 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "transcript-audio",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "build": "react-scripts build",
 7 |     "eject": "react-scripts eject",
 8 |     "prepare": "git config --local core.hooksPath .githooks",
 9 |     "prettier": "prettier --write \"**/*.{js,jsx,ts,tsx,css}\"",
10 |     "start": "react-scripts start",
11 |     "test": "react-scripts test",
12 |     "updateSnapshot": "react-scripts test -u"
13 |   },
14 |   "lint-staged": {
15 |     "*.{js,jsx,ts,tsx,css}": [
16 |       "prettier --write"
17 |     ]
18 |   },
19 |   "browserslist": {
20 |     "production": [
21 |       ">0.2%",
22 |       "not dead",
23 |       "not op_mini all"
24 |     ],
25 |     "development": [
26 |       "last 1 chrome version",
27 |       "last 1 firefox version",
28 |       "last 1 safari version"
29 |     ]
30 |   },
31 |   "prettier": {
32 |     "printWidth": 120,
33 |     "singleQuote": false,
34 |     "tabWidth": 4,
35 |     "trailingComma": "none"
36 |   },
37 |   "eslintConfig": {
38 |     "extends": [
39 |       "react-app",
40 |       "react-app/jest"
41 |     ]
42 |   },
43 |   "dependencies": {
44 |     "@testing-library/jest-dom": "^5.11.4",
45 |     "@testing-library/react": "^11.1.0",
46 |     "@testing-library/user-event": "^12.1.10",
47 |     "@types/jest": "^26.0.15",
48 |     "@types/node": "^12.0.0",
49 |     "@types/react": "^16.9.53",
50 |     "@types/react-dom": "^16.9.8",
51 |     "react": "^17.0.1",
52 |     "react-dom": "^17.0.1",
53 |     "react-dropzone": "^11.2.4",
54 |     "react-scripts": "4.0.1",
55 |     "typescript": "^4.0.3",
56 |     "web-vitals": "^0.2.4",
57 |     "wfplayer": "^1.1.3"
58 |   },
59 |   "devDependencies": {
60 |     "lint-staged": "^10.5.3",
61 |     "prettier": "^2.2.1"
62 |   }
63 | }
64 | 


--------------------------------------------------------------------------------
/docs/strctures.md:
--------------------------------------------------------------------------------
 1 | ##  SpeechRecognitionResult Data Structure
 2 | 
 3 | - SpeechRecognitionResult[]
 4 |     - SpeechRecognitionResult: A B C
 5 |     - SpeechRecognitionResult: D E C...
 6 |     
 7 | We want to  https://cloud.google.com/speech-to-text/docs/async-time-offsets like format from SpeechRecognitionResult.
 8 | 
 9 | ```json
10 | {
11 |     "transcript": "okay so what am I doing here...(etc)...",
12 |     "confidence": 0.96596134,
13 |     "words": [
14 |       {
15 |         "startTime": "1.400s",
16 |         "endTime": "1.800s",
17 |         "word": "okay"
18 |       },
19 |       {
20 |         "startTime": "1.800s",
21 |         "endTime": "2.300s",
22 |         "word": "so"
23 |       },
24 |       {
25 |         "startTime": "2.300s",
26 |         "endTime": "2.400s",
27 |         "word": "what"
28 |       },
29 |       {
30 |         "startTime": "2.400s",
31 |         "endTime": "2.600s",
32 |         "word": "am"
33 |       },
34 |       {
35 |         "startTime": "2.600s",
36 |         "endTime": "2.600s",
37 |         "word": "I"
38 |       },
39 |       {
40 |         "startTime": "2.600s",
41 |         "endTime": "2.700s",
42 |         "word": "doing"
43 |       },
44 |       {
45 |         "startTime": "2.700s",
46 |         "endTime": "3s",
47 |         "word": "here"
48 |       },
49 |       {
50 |         "startTime": "3s",
51 |         "endTime": "3.300s",
52 |         "word": "why"
53 |       },
54 |       {
55 |         "startTime": "3.300s",
56 |         "endTime": "3.400s",
57 |         "word": "am"
58 |       },
59 |       {
60 |         "startTime": "3.400s",
61 |         "endTime": "3.500s",
62 |         "word": "I"
63 |       },
64 |       {
65 |         "startTime": "3.500s",
66 |         "endTime": "3.500s",
67 |         "word": "here"
68 |       },
69 |       ...
70 |     ]
71 | }
72 | ```
73 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Transcript Audio
 2 | 
 3 | Transcript your audio file like Podcast using [SpeechRecognition](https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition) and Virtual Audio Device.
 4 | 
 5 | ## Requirements
 6 | 
 7 | - Chrome
 8 |     - depend on [SpeechRecognition](https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition) implementation
 9 | - [BlackHole](https://github.com/ExistentialAudio/BlackHole) on macOS
10 |     - If you know other application, please let me it.
11 | 
12 | ## Usage
13 | 
14 | 1. Install [BlackHole](https://github.com/ExistentialAudio/BlackHole) into your PC
15 |     - [BlackHole](https://github.com/ExistentialAudio/BlackHole) is virtual loopback audio device
16 | 2. Visit <https://transcript-audio.netlify.app/>
17 | 3. Click "Play" button at first and Confirm "OK" for use your mike🎤
18 | 4. **Reload** the page
19 | 5. Drag and Drop your audio file you want to transcript to following
20 | 6. Play audio and want for transcription.
21 | 
22 | :memo: Input/Output device should be [BlackHole](https://github.com/ExistentialAudio/BlackHole) during transcription.
23 | If Input/Output device is empty, you need to reload the page.
24 | 
25 | ## Mechanism
26 | 
27 | This application set Input/Output audio device to Virtual Audio device like [BlackHole](https://github.com/ExistentialAudio/BlackHole).
28 | 
29 | It aims to create loop back device by setting input/output is same device.
30 | 
31 | - Play audio --> loopback device
32 | - [SpeechRecognition](https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition) recognize the sound from loopback device
33 | - transcript the text for the audio 
34 | 
35 | ## Contributing
36 | 
37 | 1. Fork it!
38 | 2. Create your feature branch: `git checkout -b my-new-feature`
39 | 3. Commit your changes: `git commit -am 'Add some feature'`
40 | 4. Push to the branch: `git push origin my-new-feature`
41 | 5. Submit a pull request :D
42 | 
43 | ## License
44 | 
45 | MIT
46 | 
47 | example.mp3 use [AquesTalk](https://www.a-quest.com/)
48 | 
49 | ## Supporter
50 | 
51 | <a href="https://www.netlify.com">
52 |   <img src="https://www.netlify.com/img/global/badges/netlify-light.svg"/>
53 | </a>
54 | 
55 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="utf-8" />
 5 |     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1" />
 7 |     <meta name="theme-color" content="#000000" />
 8 |     <meta
 9 |         name="description"
10 |         content="Trascript audio file using SpeechRecognition API"
11 |     />
12 |     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
13 |     <!--
14 |       manifest.json provides metadata used when your web app is installed on a
15 |       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
16 |     -->
17 |     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
18 |     <!--
19 |       Notice the use of %PUBLIC_URL% in the tags above.
20 |       It will be replaced with the URL of the `public` folder during the build.
21 |       Only files inside the `public` folder can be referenced from the HTML.
22 | 
23 |       Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
24 |       work correctly both with client-side routing and a non-root public URL.
25 |       Learn how to configure a non-root public URL by running `npm run build`.
26 |     -->
27 |     <title>🔈📝 Transcript Audio</title>
28 | </head>
29 | <body>
30 | <a href="https://github.com/azu/transcript-audio"><img style="position: absolute; top: 0; right: 0; border: 0;"
31 |                                                        src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"
32 |                                                        alt="Fork me on GitHub"></a>
33 | <noscript>You need to enable JavaScript to run this app.</noscript>
34 | <div id="root"></div>
35 | <!--
36 |   This HTML file is a template.
37 |   If you open it directly in the browser, you will see an empty page.
38 | 
39 |   You can add webfonts, meta tags, or analytics to this file.
40 |   The build step will place the bundled scripts into the <body> tag.
41 | 
42 |   To begin the development, run `npm start` or `yarn start`.
43 |   To create a production bundle, use `npm run build` or `yarn build`.
44 | -->
45 | </body>
46 | </html>
47 | 


--------------------------------------------------------------------------------
/src/logo.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>


--------------------------------------------------------------------------------
/src/AudioPlayer/AudioTranscript.tsx:
--------------------------------------------------------------------------------
 1 | import { createLiveTranscriptResult } from "../AudioTranscript/LiveTranstruct";
 2 | import { toHHMMSS } from "./format-time";
 3 | import { ReactEventHandler } from "react";
 4 | 
 5 | export type AudioTranscriptPropos = {
 6 |     onClickLog: (log: createLiveTranscriptResult) => void;
 7 |     speechingText: JSX.Element;
 8 |     logs: createLiveTranscriptResult[];
 9 |     currentTime: number;
10 | };
11 | 
12 | export function AudioTranscript(props: AudioTranscriptPropos) {
13 |     const onClick: ReactEventHandler<HTMLSpanElement> = (e) => {
14 |         const index = e.currentTarget.getAttribute("data-index");
15 |         if (index === null) {
16 |             return;
17 |         }
18 |         props.onClickLog(props.logs?.[Number(index)]);
19 |     };
20 |     const output = props.logs.map((log, index) => {
21 |         const startTime = log.items[0].startTime;
22 |         const endTime = log.items[log.items.length - 1].endTime;
23 |         const isActiveLog = startTime <= props.currentTime && props.currentTime < endTime;
24 |         return (
25 |             <p
26 |                 key={index}
27 |                 style={{
28 |                     ...(isActiveLog
29 |                         ? {
30 |                               backgroundColor: `var("--nc-ac-1")`
31 |                           }
32 |                         : {})
33 |                 }}
34 |             >
35 |                 <button
36 |                     data-index={index}
37 |                     onClick={onClick}
38 |                     style={{
39 |                         backgroundColor: "transparent",
40 |                         border: "none",
41 |                         cursor: "pointer",
42 |                         outline: "none",
43 |                         padding: "0.5em",
44 |                         appearance: "none"
45 |                     }}
46 |                 >
47 |                     🔈
48 |                 </button>
49 |                 <span role={"button"} key={index}>{`${toHHMMSS(startTime)} --> ${toHHMMSS(endTime)}
50 | ${log.text}`}</span>
51 |             </p>
52 |         );
53 |     });
54 |     return (
55 |         <div
56 |             className={"AudioTranscript"}
57 |             style={{
58 |                 width: "100%"
59 |             }}
60 |         >
61 |             <h3>Transcript 🔉</h3>
62 |             <p>{props.speechingText}</p>
63 |             <h3>Logs 📝</h3>
64 |             <pre
65 |                 style={{
66 |                     whiteSpace: "pre-wrap"
67 |                 }}
68 |             >
69 |                 {output}
70 |             </pre>
71 |         </div>
72 |     );
73 | }
74 | 


--------------------------------------------------------------------------------
/src/AudioTranscript/LiveTranstruct.ts:
--------------------------------------------------------------------------------
 1 | export type LiveTranscript = { text: string; currentTime: number };
 2 | export type IRTranscript = {
 3 |     startIndex: number;
 4 |     endIndex: number;
 5 |     startTime: number;
 6 |     endTime: number;
 7 | };
 8 | export type createLiveTranscriptResultItem = {
 9 |     startIndex: number;
10 |     endIndex: number;
11 |     text: string;
12 |     startTime: number;
13 |     endTime: number;
14 | };
15 | export type createLiveTranscriptResult = {
16 |     text: string;
17 |     items: createLiveTranscriptResultItem[];
18 | };
19 | export const createLiveTranscript = (startTime: number = 0) => {
20 |     let rawTranscripts: LiveTranscript[] = [];
21 |     let internalTranscripts: IRTranscript[] = [];
22 |     return {
23 |         valid(transcript: LiveTranscript) {
24 |             const lastTranscript = rawTranscripts[rawTranscripts.length - 1];
25 |             if (!lastTranscript) {
26 |                 return true;
27 |             }
28 |             // if text length is lower than previous, it is invalid
29 |             return transcript.text.length > lastTranscript.text.length;
30 |         },
31 |         add(transcript: LiveTranscript) {
32 |             if (!this.valid(transcript)) {
33 |                 return;
34 |             }
35 |             rawTranscripts.push(transcript);
36 |             const lastIR = internalTranscripts[internalTranscripts.length - 1];
37 |             if (lastIR) {
38 |                 internalTranscripts.push({
39 |                     startIndex: lastIR.endIndex,
40 |                     endIndex: transcript.text.length,
41 |                     startTime: lastIR.endTime + 1,
42 |                     endTime: transcript.currentTime
43 |                 });
44 |             } else {
45 |                 // first IR
46 |                 internalTranscripts.push({
47 |                     startIndex: 0,
48 |                     endIndex: transcript.text.length,
49 |                     startTime: startTime,
50 |                     endTime: transcript.currentTime
51 |                 });
52 |             }
53 |         },
54 |         get(): createLiveTranscriptResult {
55 |             const lastTranscript = rawTranscripts[rawTranscripts.length - 1];
56 |             if (!lastTranscript) {
57 |                 return {
58 |                     text: "",
59 |                     items: []
60 |                 };
61 |             }
62 |             return {
63 |                 text: lastTranscript.text,
64 |                 items: internalTranscripts.map((ir) => {
65 |                     return {
66 |                         ...ir,
67 |                         text: lastTranscript.text.slice(ir.startIndex, ir.endIndex)
68 |                     };
69 |                 })
70 |             };
71 |         },
72 |         clear() {
73 |             rawTranscripts = [];
74 |             internalTranscripts = [];
75 |         },
76 |         setStartTime(newStartTime: number) {
77 |             startTime = newStartTime;
78 |         }
79 |     };
80 | };
81 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
  1 | debug*
  2 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
  3 | 
  4 | # dependencies
  5 | /node_modules
  6 | /.pnp
  7 | .pnp.js
  8 | 
  9 | # testing
 10 | /coverage
 11 | 
 12 | # production
 13 | /build
 14 | 
 15 | # misc
 16 | .DS_Store
 17 | .env.local
 18 | .env.development.local
 19 | .env.test.local
 20 | .env.production.local
 21 | 
 22 | npm-debug.log*
 23 | yarn-debug.log*
 24 | yarn-error.log*
 25 | ### https://raw.github.com/github/gitignore/d2c1bb2b9c72ead618c9f6a48280ebc7a8e0dff6/Node.gitignore
 26 | 
 27 | # Logs
 28 | logs
 29 | *.log
 30 | npm-debug.log*
 31 | yarn-debug.log*
 32 | yarn-error.log*
 33 | 
 34 | # Runtime data
 35 | pids
 36 | *.pid
 37 | *.seed
 38 | *.pid.lock
 39 | 
 40 | # Directory for instrumented libs generated by jscoverage/JSCover
 41 | lib-cov
 42 | 
 43 | # Coverage directory used by tools like istanbul
 44 | coverage
 45 | 
 46 | # nyc test coverage
 47 | .nyc_output
 48 | 
 49 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
 50 | .grunt
 51 | 
 52 | # Bower dependency directory (https://bower.io/)
 53 | bower_components
 54 | 
 55 | # node-waf configuration
 56 | .lock-wscript
 57 | 
 58 | # Compiled binary addons (https://nodejs.org/api/addons.html)
 59 | build/Release
 60 | 
 61 | # Dependency directories
 62 | node_modules/
 63 | jspm_packages/
 64 | 
 65 | # TypeScript v1 declaration files
 66 | typings/
 67 | 
 68 | # Optional npm cache directory
 69 | .npm
 70 | 
 71 | # Optional eslint cache
 72 | .eslintcache
 73 | 
 74 | # Optional REPL history
 75 | .node_repl_history
 76 | 
 77 | # Output of 'npm pack'
 78 | *.tgz
 79 | 
 80 | # Yarn Integrity file
 81 | .yarn-integrity
 82 | 
 83 | # dotenv environment variables file
 84 | .env
 85 | .env.test
 86 | 
 87 | # parcel-bundler cache (https://parceljs.org/)
 88 | .cache
 89 | 
 90 | # next.js build output
 91 | .next
 92 | 
 93 | # nuxt.js build output
 94 | .nuxt
 95 | 
 96 | # vuepress build output
 97 | .vuepress/dist
 98 | 
 99 | # Serverless directories
100 | .serverless/
101 | 
102 | # FuseBox cache
103 | .fusebox/
104 | 
105 | # DynamoDB Local files
106 | .dynamodb/
107 | 
108 | 
109 | ### https://raw.github.com/github/gitignore/d2c1bb2b9c72ead618c9f6a48280ebc7a8e0dff6/Global/JetBrains.gitignore
110 | 
111 | # Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and WebStorm
112 | # Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
113 | 
114 | # User-specific stuff
115 | .idea/**/workspace.xml
116 | .idea/**/tasks.xml
117 | .idea/**/usage.statistics.xml
118 | .idea/**/dictionaries
119 | .idea/**/shelf
120 | 
121 | # Generated files
122 | .idea/**/contentModel.xml
123 | 
124 | # Sensitive or high-churn files
125 | .idea/**/dataSources/
126 | .idea/**/dataSources.ids
127 | .idea/**/dataSources.local.xml
128 | .idea/**/sqlDataSources.xml
129 | .idea/**/dynamic.xml
130 | .idea/**/uiDesigner.xml
131 | .idea/**/dbnavigator.xml
132 | 
133 | # Gradle
134 | .idea/**/gradle.xml
135 | .idea/**/libraries
136 | 
137 | # Gradle and Maven with auto-import
138 | # When using Gradle or Maven with auto-import, you should exclude module files,
139 | # since they will be recreated, and may cause churn.  Uncomment if using
140 | # auto-import.
141 | # .idea/modules.xml
142 | # .idea/*.iml
143 | # .idea/modules
144 | 
145 | # CMake
146 | cmake-build-*/
147 | 
148 | # Mongo Explorer plugin
149 | .idea/**/mongoSettings.xml
150 | 
151 | # File-based project format
152 | *.iws
153 | 
154 | # IntelliJ
155 | out/
156 | 
157 | # mpeltonen/sbt-idea plugin
158 | .idea_modules/
159 | 
160 | # JIRA plugin
161 | atlassian-ide-plugin.xml
162 | 
163 | # Cursive Clojure plugin
164 | .idea/replstate.xml
165 | 
166 | # Crashlytics plugin (for Android Studio and IntelliJ)
167 | com_crashlytics_export_strings.xml
168 | crashlytics.properties
169 | crashlytics-build.properties
170 | fabric.properties
171 | 
172 | # Editor-based Rest Client
173 | .idea/httpRequests
174 | 
175 | # Android studio 3.1+ serialized cache file
176 | .idea/caches/build_file_checksums.ser
177 | 
178 | 
179 | /lib
180 | 
181 | # Local Netlify folder
182 | .netlify


--------------------------------------------------------------------------------
/src/index.css:
--------------------------------------------------------------------------------
  1 | :root {
  2 |     --nc-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
  3 |         "Open Sans", "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  4 |     --nc-font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;
  5 | 
  6 |     /* Light theme */
  7 |     --nc-tx-1: #000000;
  8 |     --nc-tx-2: #1a1a1a;
  9 |     --nc-bg-1: #ffffff;
 10 |     --nc-bg-2: #f6f8fa;
 11 |     --nc-bg-3: #e5e7eb;
 12 |     --nc-lk-1: #0070f3;
 13 |     --nc-lk-2: #0366d6;
 14 |     --nc-lk-tx: #ffffff;
 15 |     --nc-ac-1: #79ffe1;
 16 |     --nc-ac-tx: #0c4047;
 17 | 
 18 |     /* Dark theme */
 19 |     --nc-d-tx-1: #ffffff;
 20 |     --nc-d-tx-2: #eeeeee;
 21 |     --nc-d-bg-1: #000000;
 22 |     --nc-d-bg-2: #111111;
 23 |     --nc-d-bg-3: #222222;
 24 |     --nc-d-lk-1: #3291ff;
 25 |     --nc-d-lk-2: #0070f3;
 26 |     --nc-d-lk-tx: #ffffff;
 27 |     --nc-d-ac-1: #7928ca;
 28 |     --nc-d-ac-tx: #ffffff;
 29 | }
 30 | 
 31 | @media (prefers-color-scheme: dark) {
 32 |     :root {
 33 |         --nc-tx-1: var(--nc-d-tx-1);
 34 |         --nc-tx-2: var(--nc-d-tx-2);
 35 |         --nc-bg-1: var(--nc-d-bg-1);
 36 |         --nc-bg-2: var(--nc-d-bg-2);
 37 |         --nc-bg-3: var(--nc-d-bg-3);
 38 |         --nc-lk-1: var(--nc-d-lk-1);
 39 |         --nc-lk-2: var(--nc-d-lk-2);
 40 |         --nc-lk-tx: var(--nc--dlk-tx);
 41 |         --nc-ac-1: var(--nc-d-ac-1);
 42 |         --nc-ac-tx: var(--nc--dac-tx);
 43 |     }
 44 | }
 45 | 
 46 | * {
 47 |     /* Reset margins and padding */
 48 |     margin: 0;
 49 |     padding: 0;
 50 | }
 51 | 
 52 | address,
 53 | area,
 54 | article,
 55 | aside,
 56 | audio,
 57 | blockquote,
 58 | datalist,
 59 | details,
 60 | dl,
 61 | fieldset,
 62 | figure,
 63 | form,
 64 | input,
 65 | iframe,
 66 | img,
 67 | meter,
 68 | nav,
 69 | ol,
 70 | optgroup,
 71 | option,
 72 | output,
 73 | p,
 74 | pre,
 75 | progress,
 76 | ruby,
 77 | section,
 78 | table,
 79 | textarea,
 80 | ul,
 81 | video {
 82 |     /* Margins for most elements */
 83 |     margin-bottom: 1rem;
 84 | }
 85 | 
 86 | html,
 87 | input,
 88 | select,
 89 | button {
 90 |     /* Set body font family and some finicky elements */
 91 |     font-family: var(--nc-font-sans);
 92 | }
 93 | 
 94 | body {
 95 |     /* Center body in page */
 96 |     margin: 0 auto;
 97 |     padding: 2rem;
 98 |     border-radius: 6px;
 99 |     overflow-x: hidden;
100 |     word-break: break-word;
101 |     overflow-wrap: break-word;
102 |     background: var(--nc-bg-1);
103 | 
104 |     /* Main body text */
105 |     color: var(--nc-tx-2);
106 |     font-size: 1.03rem;
107 |     line-height: 1.5;
108 | }
109 | 
110 | ::selection {
111 |     /* Set background color for selected text */
112 |     background: var(--nc-ac-1);
113 |     color: var(--nc-ac-tx);
114 | }
115 | 
116 | h1,
117 | h2,
118 | h3,
119 | h4,
120 | h5,
121 | h6 {
122 |     line-height: 1;
123 |     color: var(--nc-tx-1);
124 |     padding-top: 0.875rem;
125 | }
126 | 
127 | h1,
128 | h2,
129 | h3 {
130 |     color: var(--nc-tx-1);
131 |     padding-bottom: 2px;
132 |     margin-bottom: 8px;
133 |     border-bottom: 1px solid var(--nc-bg-2);
134 | }
135 | 
136 | h4,
137 | h5,
138 | h6 {
139 |     margin-bottom: 0.3rem;
140 | }
141 | 
142 | h1 {
143 |     font-size: 2.25rem;
144 | }
145 | 
146 | h2 {
147 |     font-size: 1.85rem;
148 | }
149 | 
150 | h3 {
151 |     font-size: 1.55rem;
152 | }
153 | 
154 | h4 {
155 |     font-size: 1.25rem;
156 | }
157 | 
158 | h5 {
159 |     font-size: 1rem;
160 | }
161 | 
162 | h6 {
163 |     font-size: 0.875rem;
164 | }
165 | 
166 | a {
167 |     color: var(--nc-lk-1);
168 | }
169 | 
170 | a:hover {
171 |     color: var(--nc-lk-2);
172 | }
173 | 
174 | abbr:hover {
175 |     /* Set the '?' cursor while hovering an abbreviation */
176 |     cursor: help;
177 | }
178 | 
179 | blockquote {
180 |     padding: 1.5rem;
181 |     background: var(--nc-bg-2);
182 |     border-left: 5px solid var(--nc-bg-3);
183 | }
184 | 
185 | abbr {
186 |     cursor: help;
187 | }
188 | 
189 | blockquote *:last-child {
190 |     padding-bottom: 0;
191 |     margin-bottom: 0;
192 | }
193 | 
194 | header {
195 |     background: var(--nc-bg-2);
196 |     border-bottom: 1px solid var(--nc-bg-3);
197 |     padding: 2rem 1.5rem;
198 | 
199 |     /* This sets the right and left margins to cancel out the body's margins. It's width is still the same, but the background stretches across the page's width. */
200 | 
201 |     margin: -2rem calc(0px - (50vw - 50%)) 2rem;
202 | 
203 |     /* Shorthand for:
204 | 
205 |     margin-top: -2rem;
206 |     margin-bottom: 2rem;
207 | 
208 |     margin-left: calc(0px - (50vw - 50%));
209 |     margin-right: calc(0px - (50vw - 50%)); */
210 | 
211 |     padding-left: calc(50vw - 50%);
212 |     padding-right: calc(50vw - 50%);
213 | }
214 | 
215 | header h1,
216 | header h2,
217 | header h3 {
218 |     padding-bottom: 0;
219 |     border-bottom: 0;
220 | }
221 | 
222 | header > *:first-child {
223 |     margin-top: 0;
224 |     padding-top: 0;
225 | }
226 | 
227 | header > *:last-child {
228 |     margin-bottom: 0;
229 | }
230 | 
231 | a button,
232 | button,
233 | input[type="submit"],
234 | input[type="reset"],
235 | input[type="button"] {
236 |     font-size: 1rem;
237 |     display: inline-block;
238 |     padding: 6px 12px;
239 |     text-align: center;
240 |     text-decoration: none;
241 |     white-space: nowrap;
242 |     background: var(--nc-lk-1);
243 |     color: var(--nc-lk-tx);
244 |     border: 0;
245 |     border-radius: 4px;
246 |     box-sizing: border-box;
247 |     cursor: pointer;
248 |     color: var(--nc-lk-tx);
249 | }
250 | 
251 | a button[disabled],
252 | button[disabled],
253 | input[type="submit"][disabled],
254 | input[type="reset"][disabled],
255 | input[type="button"][disabled] {
256 |     cursor: default;
257 |     opacity: 0.5;
258 | 
259 |     /* Set the [X] cursor while hovering a disabled link */
260 |     cursor: not-allowed;
261 | }
262 | 
263 | .button:focus,
264 | .button:enabled:hover,
265 | button:focus,
266 | button:enabled:hover,
267 | input[type="submit"]:focus,
268 | input[type="submit"]:enabled:hover,
269 | input[type="reset"]:focus,
270 | input[type="reset"]:enabled:hover,
271 | input[type="button"]:focus,
272 | input[type="button"]:enabled:hover {
273 |     background: var(--nc-lk-2);
274 | }
275 | 
276 | code,
277 | pre,
278 | kbd,
279 | samp {
280 |     /* Set the font family for monospaced elements */
281 |     font-family: var(--nc-font-mono);
282 | }
283 | 
284 | code,
285 | samp,
286 | kbd,
287 | pre {
288 |     /* The main preformatted style. This is changed slightly across different cases. */
289 |     background: var(--nc-bg-2);
290 |     border: 1px solid var(--nc-bg-3);
291 |     border-radius: 4px;
292 |     padding: 3px 6px;
293 |     /* ↓ font-size is relative to containing element, so it scales for titles*/
294 |     font-size: 0.9em;
295 | }
296 | 
297 | kbd {
298 |     /* Makes the kbd element look like a keyboard key */
299 |     border-bottom: 3px solid var(--nc-bg-3);
300 | }
301 | 
302 | pre {
303 |     padding: 1rem 1.4rem;
304 |     max-width: 100%;
305 |     overflow: auto;
306 | }
307 | 
308 | pre code {
309 |     /* When <code> is in a <pre>, reset it's formatting to blend in */
310 |     background: inherit;
311 |     font-size: inherit;
312 |     color: inherit;
313 |     border: 0;
314 |     padding: 0;
315 |     margin: 0;
316 | }
317 | 
318 | code pre {
319 |     /* When <pre> is in a <code>, reset it's formatting to blend in */
320 |     display: inline;
321 |     background: inherit;
322 |     font-size: inherit;
323 |     color: inherit;
324 |     border: 0;
325 |     padding: 0;
326 |     margin: 0;
327 | }
328 | 
329 | details {
330 |     /* Make the <details> look more "clickable" */
331 |     padding: 0.6rem 1rem;
332 |     background: var(--nc-bg-2);
333 |     border: 1px solid var(--nc-bg-3);
334 |     border-radius: 4px;
335 | }
336 | 
337 | summary {
338 |     /* Makes the <summary> look more like a "clickable" link with the pointer cursor */
339 |     cursor: pointer;
340 |     font-weight: bold;
341 | }
342 | 
343 | details[open] {
344 |     /* Adjust the <details> padding while open */
345 |     padding-bottom: 0.75rem;
346 | }
347 | 
348 | details[open] summary {
349 |     /* Adjust the <details> padding while open */
350 |     margin-bottom: 6px;
351 | }
352 | 
353 | details[open] > *:last-child {
354 |     /* Resets the bottom margin of the last element in the <details> while <details> is opened. This prevents double margins/paddings. */
355 |     margin-bottom: 0;
356 | }
357 | 
358 | dt {
359 |     font-weight: bold;
360 | }
361 | 
362 | dd::before {
363 |     /* Add an arrow to data table definitions */
364 |     content: "→ ";
365 | }
366 | 
367 | hr {
368 |     /* Reset the border of the <hr> separator, then set a better line */
369 |     border: 0;
370 |     border-bottom: 1px solid var(--nc-bg-3);
371 |     margin: 1rem auto;
372 | }
373 | 
374 | fieldset {
375 |     margin-top: 1rem;
376 |     padding: 2rem;
377 |     border: 1px solid var(--nc-bg-3);
378 |     border-radius: 4px;
379 | }
380 | 
381 | legend {
382 |     padding: auto 0.5rem;
383 | }
384 | 
385 | table {
386 |     /* border-collapse sets the table's elements to share borders, rather than floating as separate "boxes". */
387 |     border-collapse: collapse;
388 |     width: 100%;
389 | }
390 | 
391 | td,
392 | th {
393 |     border: 1px solid var(--nc-bg-3);
394 |     text-align: left;
395 |     padding: 0.5rem;
396 | }
397 | 
398 | th {
399 |     background: var(--nc-bg-2);
400 | }
401 | 
402 | tr:nth-child(even) {
403 |     /* Set every other cell slightly darker. Improves readability. */
404 |     background: var(--nc-bg-2);
405 | }
406 | 
407 | table caption {
408 |     font-weight: bold;
409 |     margin-bottom: 0.5rem;
410 | }
411 | 
412 | textarea {
413 |     /* Don't let the <textarea> extend off the screen naturally or when dragged by the user */
414 |     max-width: 100%;
415 | }
416 | 
417 | ol,
418 | ul {
419 |     /* Replace the browser default padding */
420 |     padding-left: 2rem;
421 | }
422 | 
423 | li {
424 |     margin-top: 0.4rem;
425 | }
426 | 
427 | ul ul,
428 | ol ul,
429 | ul ol,
430 | ol ol {
431 |     margin-bottom: 0;
432 | }
433 | 
434 | mark {
435 |     padding: 3px 6px;
436 |     background: var(--nc-ac-1);
437 |     color: var(--nc-ac-tx);
438 | }
439 | 
440 | textarea,
441 | select,
442 | input {
443 |     padding: 6px 12px;
444 |     margin-bottom: 0.5rem;
445 |     background: var(--nc-bg-2);
446 |     color: var(--nc-tx-2);
447 |     border: 1px solid var(--nc-bg-3);
448 |     border-radius: 4px;
449 |     box-shadow: none;
450 |     box-sizing: border-box;
451 | }
452 | 
453 | img {
454 |     max-width: 100%;
455 | }
456 | 


--------------------------------------------------------------------------------
/src/AudioPlayer/AudioPlayer.tsx:
--------------------------------------------------------------------------------
  1 | import "./AudioPlayer.css";
  2 | import React, { HTMLAttributes, ReactEventHandler, useCallback, useEffect, useMemo, useState } from "react";
  3 | import { AudioTranscript } from "./AudioTranscript";
  4 | import { createLiveTranscript, createLiveTranscriptResult } from "../AudioTranscript/LiveTranstruct";
  5 | import { toHHMMSS } from "./format-time";
  6 | import { useDropzone } from "react-dropzone";
  7 | 
  8 | const setLoopbackAudioDevice = async (device: MediaDeviceInfo) => {
  9 |     const loopbackAudioDeviceId = device.deviceId;
 10 |     const constraints = {
 11 |         audio: {
 12 |             deviceId: loopbackAudioDeviceId
 13 |         }
 14 |     };
 15 |     await navigator.mediaDevices.getUserMedia(constraints).then(function (stream) {
 16 |         console.log("Set Loopback Audio", stream);
 17 |     });
 18 | };
 19 | 
 20 | function useInputAudioDevices() {
 21 |     const [audioDevices, setAudioDevices] = useState<MediaDeviceInfo[]>([]);
 22 |     useEffect(() => {
 23 |         navigator.mediaDevices
 24 |             .enumerateDevices()
 25 |             .then(function (devices) {
 26 |                 return devices.filter((device) => device.kind === "audioinput");
 27 |             })
 28 |             .then((devices) => {
 29 |                 setAudioDevices(devices);
 30 |             });
 31 |     }, []);
 32 |     return [audioDevices];
 33 | }
 34 | 
 35 | function useOutputAudioDevices() {
 36 |     const [audioDevices, setAudioDevices] = useState<MediaDeviceInfo[]>([]);
 37 |     useEffect(() => {
 38 |         navigator.mediaDevices
 39 |             .enumerateDevices()
 40 |             .then(function (devices) {
 41 |                 return devices.filter((device) => device.kind === "audiooutput");
 42 |             })
 43 |             .then((devices) => {
 44 |                 setAudioDevices(devices);
 45 |             });
 46 |     }, []);
 47 |     return [audioDevices];
 48 | }
 49 | 
 50 | function SelectAudioDevice(
 51 |     props: { audioElement?: HTMLAudioElement; defaultDeviceNames: string[] } & HTMLAttributes<HTMLDivElement>
 52 | ) {
 53 |     const [inputAudioDevices] = useInputAudioDevices();
 54 |     const [outputAudioDevices] = useOutputAudioDevices();
 55 |     const [inputAudioDeviceId, setInputAudioDeviceId] = useState<string | undefined>(undefined);
 56 |     const [outputAudioDeviceId, setOutputAudioDeviceId] = useState<string | undefined>(undefined);
 57 |     const onChangeInput: ReactEventHandler<HTMLSelectElement> = useCallback(
 58 |         (event) => {
 59 |             const deviceId = event.currentTarget.value;
 60 |             const selectedDevice = inputAudioDevices.find((device) => device.deviceId === deviceId);
 61 |             if (selectedDevice) {
 62 |                 setInputAudioDeviceId(deviceId);
 63 |             }
 64 |         },
 65 |         [inputAudioDevices]
 66 |     );
 67 |     const onChangeOutput: ReactEventHandler<HTMLSelectElement> = useCallback(
 68 |         (event) => {
 69 |             const deviceId = event.currentTarget.value;
 70 |             const selectedDevice = outputAudioDevices.find((device) => device.deviceId === deviceId);
 71 |             if (selectedDevice) {
 72 |                 setOutputAudioDeviceId(deviceId);
 73 |             }
 74 |         },
 75 |         [outputAudioDevices]
 76 |     );
 77 |     useEffect(() => {
 78 |         (async () => {
 79 |             const matchInputAudioDevice = inputAudioDevices.find((device) => {
 80 |                 return device.deviceId === inputAudioDeviceId;
 81 |             });
 82 |             if (!matchInputAudioDevice) {
 83 |                 return;
 84 |             }
 85 |             setLoopbackAudioDevice(matchInputAudioDevice).catch((error) => {
 86 |                 console.error(error);
 87 |             });
 88 |         })();
 89 |     }, [inputAudioDeviceId, inputAudioDevices]);
 90 |     useEffect(() => {
 91 |         (async () => {
 92 |             const audio = props.audioElement;
 93 |             if (!audio || !outputAudioDeviceId) {
 94 |                 return;
 95 |             }
 96 |             console.log("set outputAudioDevice", outputAudioDeviceId);
 97 |             await (audio as any).setSinkId(outputAudioDeviceId);
 98 |         })();
 99 |     }, [outputAudioDeviceId, props.audioElement]);
100 |     // Default
101 |     useEffect(() => {
102 |         const matchAudioDeviceInfo = (audioDevices: MediaDeviceInfo[]) => {
103 |             return audioDevices.find((device) => {
104 |                 return props.defaultDeviceNames.some((name) => {
105 |                     return device.label.toLowerCase().includes(name.toLowerCase());
106 |                 });
107 |             });
108 |         };
109 |         const inputAudioDevice = matchAudioDeviceInfo(inputAudioDevices);
110 |         const outputAudioDevice = matchAudioDeviceInfo(outputAudioDevices);
111 |         if (inputAudioDevice) {
112 |             setInputAudioDeviceId(inputAudioDevice.deviceId);
113 |         }
114 |         if (outputAudioDevice) {
115 |             setOutputAudioDeviceId(outputAudioDevice.deviceId);
116 |         }
117 |     }, [inputAudioDevices, outputAudioDevices, props.defaultDeviceNames]);
118 | 
119 |     return (
120 |         <div
121 |             className={props.className}
122 |             style={{
123 |                 display: "flex",
124 |                 flexDirection: "column",
125 |                 textAlign: "right"
126 |             }}
127 |         >
128 |             <label>
129 |                 Input:
130 |                 <select value={inputAudioDeviceId} onChange={onChangeInput}>
131 |                     {inputAudioDevices.map((device) => {
132 |                         return (
133 |                             <option key={device.deviceId} value={device.deviceId}>
134 |                                 {device.label}
135 |                             </option>
136 |                         );
137 |                     })}
138 |                 </select>
139 |             </label>
140 |             <label>
141 |                 Output:
142 |                 <select value={outputAudioDeviceId} onChange={onChangeOutput}>
143 |                     {outputAudioDevices.map((device) => {
144 |                         return (
145 |                             <option key={device.deviceId} value={device.deviceId}>
146 |                                 {device.label}
147 |                             </option>
148 |                         );
149 |                     })}
150 |                 </select>
151 |             </label>
152 |         </div>
153 |     );
154 | }
155 | 
156 | const useAudio = () => {
157 |     const [audioElement, setAudioElement] = useState<HTMLAudioElement>();
158 |     const audioRef = useCallback((node) => {
159 |         if (node !== null) {
160 |             setAudioElement(node);
161 |         }
162 |     }, []);
163 |     return [audioElement, audioRef] as const;
164 | };
165 | 
166 | const virtualAudioDeviceNames = ["BlackHole"];
167 | const dndBaseStyle = {
168 |     flex: 1,
169 |     display: "flex",
170 |     flexDirection: "column",
171 |     alignItems: "center",
172 |     padding: "20px",
173 |     borderWidth: 2,
174 |     borderRadius: 2,
175 |     borderColor: "#eeeeee",
176 |     borderStyle: "dashed",
177 |     backgroundColor: "#fafafa",
178 |     color: "#bdbdbd",
179 |     outline: "none",
180 |     transition: "border .24s ease-in-out"
181 | } as const;
182 | 
183 | const activeStyle = {
184 |     borderColor: "#2196f3"
185 | };
186 | 
187 | const acceptStyle = {
188 |     borderColor: "#00e676"
189 | };
190 | 
191 | const rejectStyle = {
192 |     borderColor: "#ff1744"
193 | };
194 | 
195 | export function AudioPlayer() {
196 |     const [audioElement, audioRef] = useAudio();
197 |     const [playing, setPlaying] = useState<boolean>(false);
198 |     const [speechingText, setSpeechingText] = useState<JSX.Element>(<></>);
199 |     const [speechingLogs, setSpeechingLogs] = useState<createLiveTranscriptResult[]>([]);
200 |     const addLog = useCallback(
201 |         (result: createLiveTranscriptResult) => {
202 |             console.groupCollapsed("AddLog");
203 |             console.log("speechingLogs", speechingLogs);
204 |             console.log("new Result", result);
205 |             console.groupEnd();
206 |             setSpeechingLogs((oldLogs) => [...oldLogs, result]);
207 |         },
208 |         [speechingLogs] // FIXME: it prevent ∞ loop on SpeechRecognition#onresult
209 |     );
210 |     useEffect(() => {
211 |         let recognition: SpeechRecognition;
212 |         let state: "play" | "pause" = "pause";
213 |         const liveTranscript = createLiveTranscript(audioElement?.currentTime ?? 0);
214 |         const startRecognition = () => {
215 |             if (state === "play") {
216 |                 return;
217 |             }
218 |             state = "play";
219 |             const SpeechRecognition =
220 |                 window.SpeechRecognition || ((window as any).webkitSpeechRecognition as SpeechRecognition);
221 |             if (!SpeechRecognition) {
222 |                 return alert("Require SpeechRecognition API. Please use Chrome-like browser.");
223 |             }
224 |             // memo: SpeechRecognition#abort call onresult with a isFinal
225 |             // We should not SpeechRecognition#abort when creating new instance.
226 |             recognition = new SpeechRecognition();
227 |             recognition.interimResults = true;
228 |             recognition.continuous = true;
229 |             recognition.lang = "ja";
230 |             recognition.onresult = function (event) {
231 |                 if (event.target !== recognition) {
232 |                     console.log("Work another recognition");
233 |                     return;
234 |                 }
235 |                 const currentTime = audioElement?.currentTime ?? 0;
236 |                 const speechRecognitionResults = Array.from(event.results);
237 |                 const text = speechRecognitionResults
238 |                     .map((r, i) => {
239 |                         const speechRecognitionAlternative = r.item(i);
240 |                         if (!speechRecognitionAlternative) {
241 |                             return "";
242 |                         }
243 |                         return speechRecognitionAlternative.transcript;
244 |                     })
245 |                     .join(" ");
246 |                 const finalResult = speechRecognitionResults.find((result) => result.isFinal);
247 |                 liveTranscript.add({
248 |                     text,
249 |                     currentTime
250 |                 });
251 |                 const liveTranscriptResult = liveTranscript.get();
252 |                 const formattedTime = toHHMMSS(currentTime);
253 |                 console.groupCollapsed(formattedTime);
254 |                 console.log(liveTranscriptResult);
255 |                 console.log(speechRecognitionResults);
256 |                 console.groupEnd();
257 |                 const processingText = liveTranscriptResult.items
258 |                     .map((t, index) => {
259 |                         return t.text;
260 |                     })
261 |                     .join("");
262 |                 setSpeechingText(<>{processingText}</>);
263 |                 if (finalResult) {
264 |                     console.log("-- Final Event --", event);
265 |                     addLog(liveTranscriptResult);
266 |                     liveTranscript.clear();
267 |                     liveTranscript.setStartTime(currentTime + 1);
268 |                 }
269 |             };
270 |             recognition.onend = function (_event) {
271 |                 console.log("onend");
272 |                 if (playing) {
273 |                     startRecognition();
274 |                 }
275 |             };
276 |             recognition.onstart = function (_event) {
277 |                 console.log("onstart");
278 |             };
279 |             recognition.onerror = function (_event) {
280 |                 console.log("onerror");
281 |                 // reject(event);
282 |             };
283 |             recognition.start();
284 |             console.log("init");
285 |         };
286 |         const stopRecognition = () => {
287 |             recognition?.stop();
288 |             state = "pause";
289 |         };
290 |         if (playing) {
291 |             startRecognition();
292 |         }
293 |         return () => {
294 |             stopRecognition();
295 |         };
296 |     }, [playing, audioElement, addLog]);
297 |     const onPlay = () => {
298 |         setPlaying(true);
299 |     };
300 |     const onStop = () => {
301 |         setPlaying(false);
302 |     };
303 |     const onClickLog = (log: createLiveTranscriptResult) => {
304 |         if (audioElement?.currentTime) {
305 |             audioElement.currentTime = log.items[0].startTime;
306 |             audioElement.play().catch((error) => console.error("play error", error));
307 |         }
308 |     };
309 | 
310 |     const onDrop = useCallback(
311 |         (acceptedFiles) => {
312 |             const file = acceptedFiles[0];
313 |             const src = URL.createObjectURL(file);
314 |             if (!audioElement) {
315 |                 return;
316 |             }
317 |             audioElement.src = src;
318 |             setSpeechingLogs([]);
319 |             setSpeechingText(<></>);
320 |         },
321 |         [audioElement]
322 |     );
323 |     const { isDragActive, isDragAccept, isDragReject, getRootProps, getInputProps } = useDropzone({ onDrop });
324 |     const style = useMemo(
325 |         () => ({
326 |             ...dndBaseStyle,
327 |             ...(isDragActive ? activeStyle : {}),
328 |             ...(isDragAccept ? acceptStyle : {}),
329 |             ...(isDragReject ? rejectStyle : {})
330 |         }),
331 |         [isDragActive, isDragReject, isDragAccept]
332 |     );
333 |     return (
334 |         <div
335 |             className={"AudioPlayer"}
336 |             style={{
337 |                 width: "100%"
338 |             }}
339 |         >
340 |             <section className="AudioPlayer-Container">
341 |                 <div {...getRootProps({ style })}>
342 |                     <input {...getInputProps()} />
343 |                     <span>Drag and Drop audio(mp3) files here, or click to select files</span>
344 |                 </div>
345 |             </section>
346 |             <div
347 |                 style={{
348 |                     display: "flex",
349 |                     position: "sticky",
350 |                     top: 0,
351 |                     background: "var(--nc-bg-1)",
352 |                     padding: "16px 0"
353 |                 }}
354 |             >
355 |                 <audio
356 |                     className={"Audio"}
357 |                     src={process.env.NODE_ENV === "development" ? "debug.m4a" : "example.mp3"}
358 |                     autoPlay={playing}
359 |                     controls={true}
360 |                     onPlay={onPlay}
361 |                     onPause={onStop}
362 |                     ref={audioRef}
363 |                 />
364 |                 <SelectAudioDevice
365 |                     className={"SelectAudioDevice"}
366 |                     audioElement={audioElement}
367 |                     defaultDeviceNames={virtualAudioDeviceNames}
368 |                 />
369 |             </div>
370 |             {/*<AudioWave audioElement={audioElement} />*/}
371 |             <AudioTranscript
372 |                 onClickLog={onClickLog}
373 |                 speechingText={speechingText}
374 |                 logs={speechingLogs}
375 |                 currentTime={audioElement?.currentTime ?? 0}
376 |             />
377 |         </div>
378 |     );
379 | }
380 | 


--------------------------------------------------------------------------------
/src/AudioTranscript/__snapshots__/LiveTranstruct.test.ts.snap:
--------------------------------------------------------------------------------
  1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
  2 | 
  3 | exports[`LiveTranscript example 1`] = `
  4 | Object {
  5 |   "items": Array [
  6 |     Object {
  7 |       "endIndex": 7,
  8 |       "endTime": 6.133043,
  9 |       "startIndex": 0,
 10 |       "startTime": 0,
 11 |       "text": "アイポッドキャ",
 12 |     },
 13 |     Object {
 14 |       "endIndex": 8,
 15 |       "endTime": 6.283739,
 16 |       "startIndex": 7,
 17 |       "startTime": 7.133043,
 18 |       "text": "ス",
 19 |     },
 20 |     Object {
 21 |       "endIndex": 9,
 22 |       "endTime": 6.476441,
 23 |       "startIndex": 8,
 24 |       "startTime": 7.283739,
 25 |       "text": "ト",
 26 |     },
 27 |     Object {
 28 |       "endIndex": 11,
 29 |       "endTime": 6.785899,
 30 |       "startIndex": 9,
 31 |       "startTime": 7.476441,
 32 |       "text": "始め",
 33 |     },
 34 |     Object {
 35 |       "endIndex": 13,
 36 |       "endTime": 7.476428,
 37 |       "startIndex": 11,
 38 |       "startTime": 7.785899,
 39 |       "text": "まー",
 40 |     },
 41 |     Object {
 42 |       "endIndex": 17,
 43 |       "endTime": 12.282523,
 44 |       "startIndex": 13,
 45 |       "startTime": 8.476428,
 46 |       "text": "ちゃんと",
 47 |     },
 48 |     Object {
 49 |       "endIndex": 19,
 50 |       "endTime": 12.583895,
 51 |       "startIndex": 17,
 52 |       "startTime": 13.282523,
 53 |       "text": "言え",
 54 |     },
 55 |     Object {
 56 |       "endIndex": 20,
 57 |       "endTime": 12.6856,
 58 |       "startIndex": 19,
 59 |       "startTime": 13.583895,
 60 |       "text": "て",
 61 |     },
 62 |     Object {
 63 |       "endIndex": 23,
 64 |       "endTime": 12.803959,
 65 |       "startIndex": 20,
 66 |       "startTime": 13.6856,
 67 |       "text": "言って",
 68 |     },
 69 |     Object {
 70 |       "endIndex": 24,
 71 |       "endTime": 12.974257,
 72 |       "startIndex": 23,
 73 |       "startTime": 13.803959,
 74 |       "text": "く",
 75 |     },
 76 |     Object {
 77 |       "endIndex": 25,
 78 |       "endTime": 12.97749,
 79 |       "startIndex": 24,
 80 |       "startTime": 13.974257,
 81 |       "text": "だ",
 82 |     },
 83 |     Object {
 84 |       "endIndex": 26,
 85 |       "endTime": 12.980978,
 86 |       "startIndex": 25,
 87 |       "startTime": 13.97749,
 88 |       "text": "さ",
 89 |     },
 90 |     Object {
 91 |       "endIndex": 27,
 92 |       "endTime": 13.078165,
 93 |       "startIndex": 26,
 94 |       "startTime": 13.980978,
 95 |       "text": "っ",
 96 |     },
 97 |     Object {
 98 |       "endIndex": 28,
 99 |       "endTime": 13.274864,
100 |       "startIndex": 27,
101 |       "startTime": 14.078165,
102 |       "text": "て",
103 |     },
104 |     Object {
105 |       "endIndex": 30,
106 |       "endTime": 13.278796,
107 |       "startIndex": 28,
108 |       "startTime": 14.274864,
109 |       "text": "あり",
110 |     },
111 |     Object {
112 |       "endIndex": 33,
113 |       "endTime": 13.473681,
114 |       "startIndex": 30,
115 |       "startTime": 14.278796,
116 |       "text": "がとう",
117 |     },
118 |     Object {
119 |       "endIndex": 36,
120 |       "endTime": 13.676034,
121 |       "startIndex": 33,
122 |       "startTime": 14.473681,
123 |       "text": "ござい",
124 |     },
125 |     Object {
126 |       "endIndex": 38,
127 |       "endTime": 13.782331,
128 |       "startIndex": 36,
129 |       "startTime": 14.676034,
130 |       "text": "ます",
131 |     },
132 |     Object {
133 |       "endIndex": 40,
134 |       "endTime": 16.183386,
135 |       "startIndex": 38,
136 |       "startTime": 14.782331,
137 |       "text": "今日",
138 |     },
139 |     Object {
140 |       "endIndex": 41,
141 |       "endTime": 16.376554,
142 |       "startIndex": 40,
143 |       "startTime": 17.183386,
144 |       "text": "は",
145 |     },
146 |     Object {
147 |       "endIndex": 43,
148 |       "endTime": 17.128466,
149 |       "startIndex": 41,
150 |       "startTime": 17.376554,
151 |       "text": "大手",
152 |     },
153 |     Object {
154 |       "endIndex": 44,
155 |       "endTime": 17.190767,
156 |       "startIndex": 43,
157 |       "startTime": 18.128466,
158 |       "text": "歳",
159 |     },
160 |     Object {
161 |       "endIndex": 45,
162 |       "endTime": 17.290705,
163 |       "startIndex": 44,
164 |       "startTime": 18.190767,
165 |       "text": "の",
166 |     },
167 |     Object {
168 |       "endIndex": 46,
169 |       "endTime": 17.342465,
170 |       "startIndex": 45,
171 |       "startTime": 18.290705,
172 |       "text": "フ",
173 |     },
174 |     Object {
175 |       "endIndex": 47,
176 |       "endTime": 17.661718,
177 |       "startIndex": 46,
178 |       "startTime": 18.342465,
179 |       "text": "ロ",
180 |     },
181 |     Object {
182 |       "endIndex": 49,
183 |       "endTime": 17.679214,
184 |       "startIndex": 47,
185 |       "startTime": 18.661718,
186 |       "text": "ント",
187 |     },
188 |     Object {
189 |       "endIndex": 52,
190 |       "endTime": 17.975314,
191 |       "startIndex": 49,
192 |       "startTime": 18.679214,
193 |       "text": "エンド",
194 |     },
195 |     Object {
196 |       "endIndex": 53,
197 |       "endTime": 18.280665,
198 |       "startIndex": 52,
199 |       "startTime": 18.975314,
200 |       "text": "エ",
201 |     },
202 |     Object {
203 |       "endIndex": 57,
204 |       "endTime": 18.380556,
205 |       "startIndex": 53,
206 |       "startTime": 19.280665,
207 |       "text": "ンジニア",
208 |     },
209 |     Object {
210 |       "endIndex": 58,
211 |       "endTime": 18.681289,
212 |       "startIndex": 57,
213 |       "startTime": 19.380556,
214 |       "text": "の",
215 |     },
216 |     Object {
217 |       "endIndex": 59,
218 |       "endTime": 18.885004,
219 |       "startIndex": 58,
220 |       "startTime": 19.681289,
221 |       "text": "ト",
222 |     },
223 |     Object {
224 |       "endIndex": 61,
225 |       "endTime": 19.223465,
226 |       "startIndex": 59,
227 |       "startTime": 19.885004,
228 |       "text": "ムさ",
229 |     },
230 |     Object {
231 |       "endIndex": 62,
232 |       "endTime": 19.378397,
233 |       "startIndex": 61,
234 |       "startTime": 20.223465,
235 |       "text": "ん",
236 |     },
237 |     Object {
238 |       "endIndex": 63,
239 |       "endTime": 19.993081,
240 |       "startIndex": 62,
241 |       "startTime": 20.378397,
242 |       "text": "に",
243 |     },
244 |     Object {
245 |       "endIndex": 64,
246 |       "endTime": 20.177386,
247 |       "startIndex": 63,
248 |       "startTime": 20.993081,
249 |       "text": "来",
250 |     },
251 |     Object {
252 |       "endIndex": 65,
253 |       "endTime": 20.18312,
254 |       "startIndex": 64,
255 |       "startTime": 21.177386,
256 |       "text": "て",
257 |     },
258 |     Object {
259 |       "endIndex": 67,
260 |       "endTime": 20.476157,
261 |       "startIndex": 65,
262 |       "startTime": 21.18312,
263 |       "text": "いた",
264 |     },
265 |     Object {
266 |       "endIndex": 69,
267 |       "endTime": 20.579006,
268 |       "startIndex": 67,
269 |       "startTime": 21.476157,
270 |       "text": "だい",
271 |     },
272 |     Object {
273 |       "endIndex": 70,
274 |       "endTime": 20.68524,
275 |       "startIndex": 69,
276 |       "startTime": 21.579006,
277 |       "text": "て",
278 |     },
279 |     Object {
280 |       "endIndex": 71,
281 |       "endTime": 20.875386,
282 |       "startIndex": 70,
283 |       "startTime": 21.68524,
284 |       "text": "ま",
285 |     },
286 |     Object {
287 |       "endIndex": 72,
288 |       "endTime": 21.075345,
289 |       "startIndex": 71,
290 |       "startTime": 21.875386,
291 |       "text": "す",
292 |     },
293 |     Object {
294 |       "endIndex": 74,
295 |       "endTime": 21.224122,
296 |       "startIndex": 72,
297 |       "startTime": 22.075345,
298 |       "text": "無理",
299 |     },
300 |     Object {
301 |       "endIndex": 75,
302 |       "endTime": 21.312124,
303 |       "startIndex": 74,
304 |       "startTime": 22.224122,
305 |       "text": "や",
306 |     },
307 |     Object {
308 |       "endIndex": 77,
309 |       "endTime": 21.409081,
310 |       "startIndex": 75,
311 |       "startTime": 22.312124,
312 |       "text": "さん",
313 |     },
314 |     Object {
315 |       "endIndex": 78,
316 |       "endTime": 21.594762,
317 |       "startIndex": 77,
318 |       "startTime": 22.409081,
319 |       "text": "よ",
320 |     },
321 |     Object {
322 |       "endIndex": 80,
323 |       "endTime": 21.675787,
324 |       "startIndex": 78,
325 |       "startTime": 22.594762,
326 |       "text": "ろし",
327 |     },
328 |     Object {
329 |       "endIndex": 81,
330 |       "endTime": 21.778798,
331 |       "startIndex": 80,
332 |       "startTime": 22.675787,
333 |       "text": "く",
334 |     },
335 |     Object {
336 |       "endIndex": 82,
337 |       "endTime": 21.780544,
338 |       "startIndex": 81,
339 |       "startTime": 22.778798,
340 |       "text": "お",
341 |     },
342 |     Object {
343 |       "endIndex": 83,
344 |       "endTime": 21.976435,
345 |       "startIndex": 82,
346 |       "startTime": 22.780544,
347 |       "text": "願",
348 |     },
349 |     Object {
350 |       "endIndex": 84,
351 |       "endTime": 21.979989,
352 |       "startIndex": 83,
353 |       "startTime": 22.976435,
354 |       "text": "い",
355 |     },
356 |     Object {
357 |       "endIndex": 87,
358 |       "endTime": 22.28057,
359 |       "startIndex": 84,
360 |       "startTime": 22.979989,
361 |       "text": "します",
362 |     },
363 |     Object {
364 |       "endIndex": 92,
365 |       "endTime": 23.813415,
366 |       "startIndex": 87,
367 |       "startTime": 23.28057,
368 |       "text": "トムですい",
369 |     },
370 |     Object {
371 |       "endIndex": 95,
372 |       "endTime": 24.268696,
373 |       "startIndex": 92,
374 |       "startTime": 24.813415,
375 |       "text": "ません",
376 |     },
377 |     Object {
378 |       "endIndex": 96,
379 |       "endTime": 24.304082,
380 |       "startIndex": 95,
381 |       "startTime": 25.268696,
382 |       "text": "よ",
383 |     },
384 |     Object {
385 |       "endIndex": 99,
386 |       "endTime": 24.48505,
387 |       "startIndex": 96,
388 |       "startTime": 25.304082,
389 |       "text": "ろしく",
390 |     },
391 |     Object {
392 |       "endIndex": 100,
393 |       "endTime": 24.576066,
394 |       "startIndex": 99,
395 |       "startTime": 25.48505,
396 |       "text": "お",
397 |     },
398 |     Object {
399 |       "endIndex": 102,
400 |       "endTime": 24.579241,
401 |       "startIndex": 100,
402 |       "startTime": 25.576066,
403 |       "text": "願い",
404 |     },
405 |     Object {
406 |       "endIndex": 103,
407 |       "endTime": 24.778571,
408 |       "startIndex": 102,
409 |       "startTime": 25.579241,
410 |       "text": "し",
411 |     },
412 |     Object {
413 |       "endIndex": 105,
414 |       "endTime": 24.976454,
415 |       "startIndex": 103,
416 |       "startTime": 25.778571,
417 |       "text": "ます",
418 |     },
419 |     Object {
420 |       "endIndex": 107,
421 |       "endTime": 26.175905,
422 |       "startIndex": 105,
423 |       "startTime": 25.976454,
424 |       "text": "よろ",
425 |     },
426 |     Object {
427 |       "endIndex": 109,
428 |       "endTime": 26.280995,
429 |       "startIndex": 107,
430 |       "startTime": 27.175905,
431 |       "text": "しく",
432 |     },
433 |     Object {
434 |       "endIndex": 110,
435 |       "endTime": 26.37938,
436 |       "startIndex": 109,
437 |       "startTime": 27.280995,
438 |       "text": "お",
439 |     },
440 |     Object {
441 |       "endIndex": 112,
442 |       "endTime": 26.47865,
443 |       "startIndex": 110,
444 |       "startTime": 27.37938,
445 |       "text": "願い",
446 |     },
447 |     Object {
448 |       "endIndex": 113,
449 |       "endTime": 26.57651,
450 |       "startIndex": 112,
451 |       "startTime": 27.47865,
452 |       "text": "し",
453 |     },
454 |     Object {
455 |       "endIndex": 115,
456 |       "endTime": 26.581327,
457 |       "startIndex": 113,
458 |       "startTime": 27.57651,
459 |       "text": "ます",
460 |     },
461 |     Object {
462 |       "endIndex": 119,
463 |       "endTime": 27.779314,
464 |       "startIndex": 115,
465 |       "startTime": 27.581327,
466 |       "text": "ちょっと",
467 |     },
468 |     Object {
469 |       "endIndex": 120,
470 |       "endTime": 28.084809,
471 |       "startIndex": 119,
472 |       "startTime": 28.779314,
473 |       "text": "最",
474 |     },
475 |     Object {
476 |       "endIndex": 121,
477 |       "endTime": 28.182727,
478 |       "startIndex": 120,
479 |       "startTime": 29.084809,
480 |       "text": "初",
481 |     },
482 |     Object {
483 |       "endIndex": 122,
484 |       "endTime": 28.379515,
485 |       "startIndex": 121,
486 |       "startTime": 29.182727,
487 |       "text": "に",
488 |     },
489 |     Object {
490 |       "endIndex": 123,
491 |       "endTime": 28.990079,
492 |       "startIndex": 122,
493 |       "startTime": 29.379515,
494 |       "text": "簡",
495 |     },
496 |     Object {
497 |       "endIndex": 124,
498 |       "endTime": 29.080219,
499 |       "startIndex": 123,
500 |       "startTime": 29.990079,
501 |       "text": "単",
502 |     },
503 |     Object {
504 |       "endIndex": 125,
505 |       "endTime": 29.174921,
506 |       "startIndex": 124,
507 |       "startTime": 30.080219,
508 |       "text": "に",
509 |     },
510 |     Object {
511 |       "endIndex": 127,
512 |       "endTime": 29.496413,
513 |       "startIndex": 125,
514 |       "startTime": 30.174921,
515 |       "text": "自己",
516 |     },
517 |     Object {
518 |       "endIndex": 128,
519 |       "endTime": 29.579136,
520 |       "startIndex": 127,
521 |       "startTime": 30.496413,
522 |       "text": "紹",
523 |     },
524 |     Object {
525 |       "endIndex": 129,
526 |       "endTime": 29.683294,
527 |       "startIndex": 128,
528 |       "startTime": 30.579136,
529 |       "text": "介",
530 |     },
531 |     Object {
532 |       "endIndex": 130,
533 |       "endTime": 29.981896,
534 |       "startIndex": 129,
535 |       "startTime": 30.683294,
536 |       "text": "を",
537 |     },
538 |     Object {
539 |       "endIndex": 132,
540 |       "endTime": 30.383557,
541 |       "startIndex": 130,
542 |       "startTime": 30.981896,
543 |       "text": "して",
544 |     },
545 |     Object {
546 |       "endIndex": 133,
547 |       "endTime": 30.485163,
548 |       "startIndex": 132,
549 |       "startTime": 31.383557,
550 |       "text": "も",
551 |     },
552 |     Object {
553 |       "endIndex": 135,
554 |       "endTime": 30.57866,
555 |       "startIndex": 133,
556 |       "startTime": 31.485163,
557 |       "text": "らっ",
558 |     },
559 |     Object {
560 |       "endIndex": 136,
561 |       "endTime": 30.583586,
562 |       "startIndex": 135,
563 |       "startTime": 31.57866,
564 |       "text": "て",
565 |     },
566 |     Object {
567 |       "endIndex": 137,
568 |       "endTime": 30.68068,
569 |       "startIndex": 136,
570 |       "startTime": 31.583586,
571 |       "text": "も",
572 |     },
573 |     Object {
574 |       "endIndex": 139,
575 |       "endTime": 30.992266,
576 |       "startIndex": 137,
577 |       "startTime": 31.68068,
578 |       "text": "良い",
579 |     },
580 |     Object {
581 |       "endIndex": 140,
582 |       "endTime": 31.081252,
583 |       "startIndex": 139,
584 |       "startTime": 31.992266,
585 |       "text": "で",
586 |     },
587 |     Object {
588 |       "endIndex": 143,
589 |       "endTime": 31.182308,
590 |       "startIndex": 140,
591 |       "startTime": 32.081252,
592 |       "text": "しょう",
593 |     },
594 |     Object {
595 |       "endIndex": 144,
596 |       "endTime": 31.287907,
597 |       "startIndex": 143,
598 |       "startTime": 32.182308,
599 |       "text": "か",
600 |     },
601 |     Object {
602 |       "endIndex": 146,
603 |       "endTime": 32.383505,
604 |       "startIndex": 144,
605 |       "startTime": 32.287907000000004,
606 |       "text": "はい",
607 |     },
608 |     Object {
609 |       "endIndex": 148,
610 |       "endTime": 33.697581,
611 |       "startIndex": 146,
612 |       "startTime": 33.383505,
613 |       "text": "トム",
614 |     },
615 |     Object {
616 |       "endIndex": 150,
617 |       "endTime": 33.991791,
618 |       "startIndex": 148,
619 |       "startTime": 34.697581,
620 |       "text": "と言",
621 |     },
622 |     Object {
623 |       "endIndex": 152,
624 |       "endTime": 34.578934,
625 |       "startIndex": 150,
626 |       "startTime": 34.991791,
627 |       "text": "いま",
628 |     },
629 |     Object {
630 |       "endIndex": 153,
631 |       "endTime": 34.583443,
632 |       "startIndex": 152,
633 |       "startTime": 35.578934,
634 |       "text": "す",
635 |     },
636 |     Object {
637 |       "endIndex": 154,
638 |       "endTime": 35.482422,
639 |       "startIndex": 153,
640 |       "startTime": 35.583443,
641 |       "text": "ね",
642 |     },
643 |     Object {
644 |       "endIndex": 156,
645 |       "endTime": 35.688,
646 |       "startIndex": 154,
647 |       "startTime": 36.482422,
648 |       "text": "もと",
649 |     },
650 |     Object {
651 |       "endIndex": 157,
652 |       "endTime": 35.8848,
653 |       "startIndex": 156,
654 |       "startTime": 36.688,
655 |       "text": "も",
656 |     },
657 |     Object {
658 |       "endIndex": 158,
659 |       "endTime": 35.890652,
660 |       "startIndex": 157,
661 |       "startTime": 36.8848,
662 |       "text": "と",
663 |     },
664 |     Object {
665 |       "endIndex": 159,
666 |       "endTime": 36.181759,
667 |       "startIndex": 158,
668 |       "startTime": 36.890652,
669 |       "text": "は",
670 |     },
671 |     Object {
672 |       "endIndex": 163,
673 |       "endTime": 36.694072,
674 |       "startIndex": 159,
675 |       "startTime": 37.181759,
676 |       "text": " Web",
677 |     },
678 |     Object {
679 |       "endIndex": 164,
680 |       "endTime": 37.286722,
681 |       "startIndex": 163,
682 |       "startTime": 37.694072,
683 |       "text": " ",
684 |     },
685 |     Object {
686 |       "endIndex": 165,
687 |       "endTime": 37.412237,
688 |       "startIndex": 164,
689 |       "startTime": 38.286722,
690 |       "text": "の",
691 |     },
692 |     Object {
693 |       "endIndex": 168,
694 |       "endTime": 38.383505,
695 |       "startIndex": 165,
696 |       "startTime": 38.412237,
697 |       "text": "住宅で",
698 |     },
699 |     Object {
700 |       "endIndex": 178,
701 |       "endTime": 40.28692,
702 |       "startIndex": 168,
703 |       "startTime": 39.383505,
704 |       "text": "色々開発をやっていて",
705 |     },
706 |     Object {
707 |       "endIndex": 194,
708 |       "endTime": 43.593247,
709 |       "startIndex": 178,
710 |       "startTime": 41.28692,
711 |       "text": "色々開発をやっていたんですけども",
712 |     },
713 |     Object {
714 |       "endIndex": 214,
715 |       "endTime": 47.487564,
716 |       "startIndex": 194,
717 |       "startTime": 44.593247,
718 |       "text": "えーと社長の家からさんとは古い知り合いで",
719 |     },
720 |   ],
721 |   "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web の住宅で色々開発をやっていて色々開発をやっていたんですけどもえーと社長の家からさんとは古い知り合いで",
722 | }
723 | `;
724 | 


--------------------------------------------------------------------------------
/src/AudioTranscript/LiveTranstruct.test.json:
--------------------------------------------------------------------------------
  1 | [
  2 |   {
  3 |     "currentTime": 6.133043,
  4 |     "text": "いっぱい持って"
  5 |   },
  6 |   {
  7 |     "currentTime": 6.283739,
  8 |     "text": "いっぱい持ってき"
  9 |   },
 10 |   {
 11 |     "currentTime": 6.289004,
 12 |     "text": "いっぱい持ってて"
 13 |   },
 14 |   {
 15 |     "currentTime": 6.375012,
 16 |     "text": "iPod キャン"
 17 |   },
 18 |   {
 19 |     "currentTime": 6.476441,
 20 |     "text": "アイポッドキャスト"
 21 |   },
 22 |   {
 23 |     "currentTime": 6.785899,
 24 |     "text": "アイポッドキャスト始め"
 25 |   },
 26 |   {
 27 |     "currentTime": 7.379246,
 28 |     "text": "アイポッドキャスト始め"
 29 |   },
 30 |   {
 31 |     "currentTime": 7.476428,
 32 |     "text": "アイポッドキャスト始めます"
 33 |   },
 34 |   {
 35 |     "currentTime": 8.074749,
 36 |     "text": "アイポッドキャスト始めます"
 37 |   },
 38 |   {
 39 |     "currentTime": 12.282523,
 40 |     "text": "アイポッドキャスト始めまーちゃんと"
 41 |   },
 42 |   {
 43 |     "currentTime": 12.583895,
 44 |     "text": "アイポッドキャスト始めまーちゃんと言え"
 45 |   },
 46 |   {
 47 |     "currentTime": 12.6856,
 48 |     "text": "アイポッドキャスト始めまーちゃんと言えて"
 49 |   },
 50 |   {
 51 |     "currentTime": 12.803959,
 52 |     "text": "アイポッドキャスト始めまーちゃんと言えて言って"
 53 |   },
 54 |   {
 55 |     "currentTime": 12.974257,
 56 |     "text": "アイポッドキャスト始めまーちゃんと言えて行って来"
 57 |   },
 58 |   {
 59 |     "currentTime": 12.97749,
 60 |     "text": "アイポッドキャスト始めまーちゃんと言えて行ってくる"
 61 |   },
 62 |   {
 63 |     "currentTime": 12.980978,
 64 |     "text": "アイポッドキャスト始めまーちゃんと家って言ってくださ"
 65 |   },
 66 |   {
 67 |     "currentTime": 13.078165,
 68 |     "text": "アイポッドキャスト始めまーちゃんと言えて行ってください"
 69 |   },
 70 |   {
 71 |     "currentTime": 13.274864,
 72 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださった"
 73 |   },
 74 |   {
 75 |     "currentTime": 13.278796,
 76 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってあり"
 77 |   },
 78 |   {
 79 |     "currentTime": 13.473681,
 80 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとう"
 81 |   },
 82 |   {
 83 |     "currentTime": 13.676034,
 84 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうござい"
 85 |   },
 86 |   {
 87 |     "currentTime": 13.782331,
 88 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございまー"
 89 |   },
 90 |   {
 91 |     "currentTime": 13.87427,
 92 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます"
 93 |   },
 94 |   {
 95 |     "currentTime": 14.473845,
 96 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます"
 97 |   },
 98 |   {
 99 |     "currentTime": 16.183386,
100 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日"
101 |   },
102 |   {
103 |     "currentTime": 16.376554,
104 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は"
105 |   },
106 |   {
107 |     "currentTime": 16.884185,
108 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は"
109 |   },
110 |   {
111 |     "currentTime": 17.128466,
112 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日はおじ"
113 |   },
114 |   {
115 |     "currentTime": 17.190767,
116 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大きさ"
117 |   },
118 |   {
119 |     "currentTime": 17.290705,
120 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日はおじさん"
121 |   },
122 |   {
123 |     "currentTime": 17.342465,
124 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日はおじさんに"
125 |   },
126 |   {
127 |     "currentTime": 17.405574,
128 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳の"
129 |   },
130 |   {
131 |     "currentTime": 17.661718,
132 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手妻の風呂"
133 |   },
134 |   {
135 |     "currentTime": 17.679214,
136 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロント"
137 |   },
138 |   {
139 |     "currentTime": 17.975314,
140 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンド"
141 |   },
142 |   {
143 |     "currentTime": 18.280665,
144 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンド日"
145 |   },
146 |   {
147 |     "currentTime": 18.380556,
148 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニア"
149 |   },
150 |   {
151 |     "currentTime": 18.681289,
152 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアの"
153 |   },
154 |   {
155 |     "currentTime": 18.885004,
156 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアロー"
157 |   },
158 |   {
159 |     "currentTime": 19.085092,
160 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニア度も"
161 |   },
162 |   {
163 |     "currentTime": 19.102661,
164 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアの森"
165 |   },
166 |   {
167 |     "currentTime": 19.223465,
168 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアロートム"
169 |   },
170 |   {
171 |     "currentTime": 19.378397,
172 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアの守屋さん"
173 |   },
174 |   {
175 |     "currentTime": 19.993081,
176 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアの守屋さんに"
177 |   },
178 |   {
179 |     "currentTime": 20.177386,
180 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアの守屋さんに着"
181 |   },
182 |   {
183 |     "currentTime": 20.18312,
184 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来て"
185 |   },
186 |   {
187 |     "currentTime": 20.476157,
188 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアの守屋さんに着ていた"
189 |   },
190 |   {
191 |     "currentTime": 20.579006,
192 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただい"
193 |   },
194 |   {
195 |     "currentTime": 20.68524,
196 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいて"
197 |   },
198 |   {
199 |     "currentTime": 20.875386,
200 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいても"
201 |   },
202 |   {
203 |     "currentTime": 21.075345,
204 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます"
205 |   },
206 |   {
207 |     "currentTime": 21.224122,
208 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無料"
209 |   },
210 |   {
211 |     "currentTime": 21.312124,
212 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理だ"
213 |   },
214 |   {
215 |     "currentTime": 21.409081,
216 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさん"
217 |   },
218 |   {
219 |     "currentTime": 21.594762,
220 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよ"
221 |   },
222 |   {
223 |     "currentTime": 21.60336,
224 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさん夜"
225 |   },
226 |   {
227 |     "currentTime": 21.675787,
228 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろし"
229 |   },
230 |   {
231 |     "currentTime": 21.778798,
232 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしく"
233 |   },
234 |   {
235 |     "currentTime": 21.780544,
236 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお"
237 |   },
238 |   {
239 |     "currentTime": 21.976435,
240 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくおね"
241 |   },
242 |   {
243 |     "currentTime": 21.979989,
244 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願い"
245 |   },
246 |   {
247 |     "currentTime": 22.28057,
248 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしまー"
249 |   },
250 |   {
251 |     "currentTime": 22.38026,
252 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いします"
253 |   },
254 |   {
255 |     "currentTime": 22.979493,
256 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いします"
257 |   },
258 |   {
259 |     "currentTime": 23.813415,
260 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますゴリラです"
261 |   },
262 |   {
263 |     "currentTime": 24.268696,
264 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいません"
265 |   },
266 |   {
267 |     "currentTime": 24.304082,
268 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよ"
269 |   },
270 |   {
271 |     "currentTime": 24.377303,
272 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいません夜"
273 |   },
274 |   {
275 |     "currentTime": 24.48505,
276 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしく"
277 |   },
278 |   {
279 |     "currentTime": 24.576066,
280 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお"
281 |   },
282 |   {
283 |     "currentTime": 24.579241,
284 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願い"
285 |   },
286 |   {
287 |     "currentTime": 24.778571,
288 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いし"
289 |   },
290 |   {
291 |     "currentTime": 24.879146,
292 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいません宜しくお願いしま"
293 |   },
294 |   {
295 |     "currentTime": 24.976454,
296 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いします"
297 |   },
298 |   {
299 |     "currentTime": 25.577873,
300 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いします"
301 |   },
302 |   {
303 |     "currentTime": 26.175905,
304 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろ"
305 |   },
306 |   {
307 |     "currentTime": 26.276901,
308 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いします"
309 |   },
310 |   {
311 |     "currentTime": 26.280995,
312 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしく"
313 |   },
314 |   {
315 |     "currentTime": 26.37938,
316 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくね"
317 |   },
318 |   {
319 |     "currentTime": 26.47865,
320 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願い"
321 |   },
322 |   {
323 |     "currentTime": 26.57651,
324 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いし"
325 |   },
326 |   {
327 |     "currentTime": 26.581327,
328 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしまー"
329 |   },
330 |   {
331 |     "currentTime": 26.67829,
332 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いします"
333 |   },
334 |   {
335 |     "currentTime": 27.375336,
336 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いします"
337 |   },
338 |   {
339 |     "currentTime": 27.779314,
340 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと"
341 |   },
342 |   {
343 |     "currentTime": 28.084809,
344 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと西"
345 |   },
346 |   {
347 |     "currentTime": 28.182727,
348 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初"
349 |   },
350 |   {
351 |     "currentTime": 28.379515,
352 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に"
353 |   },
354 |   {
355 |     "currentTime": 28.984012,
356 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に"
357 |   },
358 |   {
359 |     "currentTime": 28.990079,
360 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に缶"
361 |   },
362 |   {
363 |     "currentTime": 29.080219,
364 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単"
365 |   },
366 |   {
367 |     "currentTime": 29.174921,
368 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に"
369 |   },
370 |   {
371 |     "currentTime": 29.496413,
372 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己"
373 |   },
374 |   {
375 |     "currentTime": 29.579136,
376 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単にで故障"
377 |   },
378 |   {
379 |     "currentTime": 29.683294,
380 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介"
381 |   },
382 |   {
383 |     "currentTime": 29.981896,
384 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介を"
385 |   },
386 |   {
387 |     "currentTime": 30.383557,
388 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をして"
389 |   },
390 |   {
391 |     "currentTime": 30.485163,
392 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしても"
393 |   },
394 |   {
395 |     "currentTime": 30.57866,
396 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっ"
397 |   },
398 |   {
399 |     "currentTime": 30.583586,
400 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらって"
401 |   },
402 |   {
403 |     "currentTime": 30.68068,
404 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても"
405 |   },
406 |   {
407 |     "currentTime": 30.992266,
408 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良い"
409 |   },
410 |   {
411 |     "currentTime": 31.081252,
412 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いで"
413 |   },
414 |   {
415 |     "currentTime": 31.182308,
416 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょう"
417 |   },
418 |   {
419 |     "currentTime": 31.287907,
420 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうか"
421 |   },
422 |   {
423 |     "currentTime": 32.18478,
424 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうか"
425 |   },
426 |   {
427 |     "currentTime": 32.383505,
428 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはい"
429 |   },
430 |   {
431 |     "currentTime": 32.983381,
432 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはい"
433 |   },
434 |   {
435 |     "currentTime": 33.697581,
436 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいもう"
437 |   },
438 |   {
439 |     "currentTime": 33.823666,
440 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはい無理"
441 |   },
442 |   {
443 |     "currentTime": 33.838423,
444 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトム"
445 |   },
446 |   {
447 |     "currentTime": 33.991791,
448 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはい無理やと"
449 |   },
450 |   {
451 |     "currentTime": 34.578934,
452 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いま"
453 |   },
454 |   {
455 |     "currentTime": 34.583443,
456 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言います"
457 |   },
458 |   {
459 |     "currentTime": 35.180389,
460 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言います"
461 |   },
462 |   {
463 |     "currentTime": 35.482422,
464 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますね"
465 |   },
466 |   {
467 |     "currentTime": 35.688,
468 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますネモト"
469 |   },
470 |   {
471 |     "currentTime": 35.8848,
472 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますネモトも"
473 |   },
474 |   {
475 |     "currentTime": 35.890652,
476 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともと"
477 |   },
478 |   {
479 |     "currentTime": 36.181759,
480 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは"
481 |   },
482 |   {
483 |     "currentTime": 36.694072,
484 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web"
485 |   },
486 |   {
487 |     "currentTime": 36.700896,
488 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは "
489 |   },
490 |   {
491 |     "currentTime": 36.882906,
492 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは "
493 |   },
494 |   {
495 |     "currentTime": 37.286722,
496 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
497 |   },
498 |   {
499 |     "currentTime": 37.412237,
500 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web の"
501 |   },
502 |   {
503 |     "currentTime": 37.48346,
504 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
505 |   },
506 |   {
507 |     "currentTime": 37.583376,
508 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
509 |   },
510 |   {
511 |     "currentTime": 37.785488,
512 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
513 |   },
514 |   {
515 |     "currentTime": 38.383505,
516 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web の住宅で"
517 |   },
518 |   {
519 |     "currentTime": 38.481234,
520 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
521 |   },
522 |   {
523 |     "currentTime": 38.579972,
524 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
525 |   },
526 |   {
527 |     "currentTime": 38.886607,
528 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
529 |   },
530 |   {
531 |     "currentTime": 38.983837,
532 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
533 |   },
534 |   {
535 |     "currentTime": 38.990683,
536 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
537 |   },
538 |   {
539 |     "currentTime": 39.083289,
540 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
541 |   },
542 |   {
543 |     "currentTime": 39.186913,
544 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
545 |   },
546 |   {
547 |     "currentTime": 39.382815,
548 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
549 |   },
550 |   {
551 |     "currentTime": 39.483694,
552 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
553 |   },
554 |   {
555 |     "currentTime": 39.489944,
556 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
557 |   },
558 |   {
559 |     "currentTime": 39.585637,
560 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
561 |   },
562 |   {
563 |     "currentTime": 39.782117,
564 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
565 |   },
566 |   {
567 |     "currentTime": 40.28692,
568 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web の住宅で色々開発をやっていて"
569 |   },
570 |   {
571 |     "currentTime": 41.383852,
572 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
573 |   },
574 |   {
575 |     "currentTime": 41.482076,
576 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
577 |   },
578 |   {
579 |     "currentTime": 41.795548,
580 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
581 |   },
582 |   {
583 |     "currentTime": 41.884872,
584 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
585 |   },
586 |   {
587 |     "currentTime": 41.97977,
588 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
589 |   },
590 |   {
591 |     "currentTime": 42.08681,
592 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
593 |   },
594 |   {
595 |     "currentTime": 42.289517,
596 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
597 |   },
598 |   {
599 |     "currentTime": 42.30044,
600 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
601 |   },
602 |   {
603 |     "currentTime": 42.481809,
604 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
605 |   },
606 |   {
607 |     "currentTime": 42.488954,
608 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
609 |   },
610 |   {
611 |     "currentTime": 42.597393,
612 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
613 |   },
614 |   {
615 |     "currentTime": 42.680469,
616 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
617 |   },
618 |   {
619 |     "currentTime": 42.783574,
620 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
621 |   },
622 |   {
623 |     "currentTime": 42.791743,
624 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
625 |   },
626 |   {
627 |     "currentTime": 42.885611,
628 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
629 |   },
630 |   {
631 |     "currentTime": 43.085767,
632 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
633 |   },
634 |   {
635 |     "currentTime": 43.593247,
636 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web の住宅で色々開発をやっていて色々開発をやっていたんですけども"
637 |   },
638 |   {
639 |     "currentTime": 43.987974,
640 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
641 |   },
642 |   {
643 |     "currentTime": 44.502772,
644 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
645 |   },
646 |   {
647 |     "currentTime": 44.58605,
648 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
649 |   },
650 |   {
651 |     "currentTime": 44.601218,
652 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
653 |   },
654 |   {
655 |     "currentTime": 44.987766,
656 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
657 |   },
658 |   {
659 |     "currentTime": 45.086315,
660 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
661 |   },
662 |   {
663 |     "currentTime": 45.195746,
664 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
665 |   },
666 |   {
667 |     "currentTime": 45.408273,
668 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
669 |   },
670 |   {
671 |     "currentTime": 45.488034,
672 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
673 |   },
674 |   {
675 |     "currentTime": 45.687148,
676 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
677 |   },
678 |   {
679 |     "currentTime": 45.700366,
680 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
681 |   },
682 |   {
683 |     "currentTime": 45.786229,
684 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
685 |   },
686 |   {
687 |     "currentTime": 46.301164,
688 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
689 |   },
690 |   {
691 |     "currentTime": 46.383033,
692 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
693 |   },
694 |   {
695 |     "currentTime": 46.488796,
696 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
697 |   },
698 |   {
699 |     "currentTime": 46.700923,
700 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
701 |   },
702 |   {
703 |     "currentTime": 46.986248,
704 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
705 |   },
706 |   {
707 |     "currentTime": 47.487564,
708 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web の住宅で色々開発をやっていて色々開発をやっていたんですけどもえーと社長の家からさんとは古い知り合いで"
709 |   },
710 |   {
711 |     "currentTime": 47.985026,
712 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
713 |   },
714 |   {
715 |     "currentTime": 48.212571,
716 |     "text": "アイポッドキャスト始めまーちゃんと言えて言ってくださってありがとうございます今日は大手歳のフロントエンドエンジニアのトムさんに来ていただいてます無理やさんよろしくお願いしますトムですいませんよろしくお願いしますよろしくお願いしますちょっと最初に簡単に自己紹介をしてもらっても良いでしょうかはいトムと言いますねもともとは Web "
717 |   }
718 | ]
719 | 


--------------------------------------------------------------------------------