新增srt页面解析srt

public/7月12日(1).srt

@@ -0,0 +1,404 @@
+1
+00:00:03,900 --> 00:00:07,766
+欢迎收听科目一专项练习图片题
+
+2
+00:00:08,200 --> 00:00:11,700
+请打开本张页面PPT查看图片
+
+3
+00:00:12,933 --> 00:00:13,799
+第一题
+
+4
+00:00:14,466 --> 00:00:17,099
+驾驶这种机动车上路行驶
+
+5
+00:00:17,200 --> 00:00:18,466
+属于什么行为
+
+6
+00:00:19,066 --> 00:00:20,599
+a违法行为
+
+7
+00:00:21,800 --> 00:00:25,933
+b违规行为c犯罪行为
+
+8
+00:00:26,266 --> 00:00:30,299
+d违章行为答案a违法行为
+
+9
+00:00:31,533 --> 00:00:34,699
+解析途中机动车故意遮挡号牌
+
+10
+00:00:34,900 --> 00:00:36,966
+违反道路交通安全法
+
+11
+00:00:37,100 --> 00:00:38,333
+是违法行为
+
+12
+00:00:38,466 --> 00:00:39,399
+扣12分
+
+13
+00:00:40,566 --> 00:00:44,566
+第2题这辆在道路上行驶的机动车
+
+14
+00:00:44,600 --> 00:00:46,766
+有下列哪种违法行为
+
+15
+00:00:47,100 --> 00:00:52,333
+a逆向行驶b未按规定悬挂号牌c
+
+16
+00:00:52,533 --> 00:00:54,099
+占用非机动车道
+
+17
+00:00:54,466 --> 00:00:59,666
+d故意遮挡号牌答案d故意遮挡号牌
+
+18
+00:01:01,866 --> 00:01:05,966
+第三题驾驶这种机动车上路行驶
+
+19
+00:01:05,966 --> 00:01:07,366
+没有违法行为
+
+20
+00:01:08,133 --> 00:01:09,699
+答案错误
+
+21
+00:01:10,066 --> 00:01:13,199
+解析途中机动车故意遮挡号牌
+
+22
+00:01:13,333 --> 00:01:15,366
+违反道路交通安全法
+
+23
+00:01:15,600 --> 00:01:17,900
+是违法行为扣12分
+
+24
+00:01:19,500 --> 00:01:20,400
+第4题
+
+25
+00:01:20,866 --> 00:01:24,866
+前方路口这种信号灯亮表示什么意思
+
+26
+00:01:25,500 --> 00:01:27,466
+答案禁止通行
+
+27
+00:01:28,700 --> 00:01:31,400
+解析红灯停绿灯行
+
+28
+00:01:31,500 --> 00:01:33,666
+黄灯亮了您要等一等
+
+29
+00:01:34,600 --> 00:01:39,500
+第5题前方路口这种信号灯表示什么
+
+30
+00:01:40,866 --> 00:01:43,099
+答案路口警示
+
+31
+00:01:44,600 --> 00:01:46,933
+解析黄灯为警示灯
+
+32
+00:01:47,133 --> 00:01:48,366
+这又是在路口
+
+33
+00:01:48,366 --> 00:01:50,333
+所以是路口警示
+
+34
+00:01:51,500 --> 00:01:52,366
+第6题
+
+35
+00:01:53,533 --> 00:01:57,133
+前方路口这种信号灯亮表示什么意思
+
+36
+00:01:57,466 --> 00:01:59,333
+但准许通行
+
+37
+00:01:59,700 --> 00:02:02,566
+解析绿灯表示准许通行
+
+38
+00:02:04,000 --> 00:02:04,933
+第7题
+
+39
+00:02:05,500 --> 00:02:09,066
+驾驶机动车在这种道路上如何通行
+
+40
+00:02:09,700 --> 00:02:12,066
+答案在道路中间通行
+
+41
+00:02:13,066 --> 00:02:16,299
+解析图中是没有划线的康庄大道
+
+42
+00:02:16,500 --> 00:02:18,933
+机动车应在道路中间行驶
+
+43
+00:02:20,700 --> 00:02:24,700
+第8题道路上滑射这种标线的车道内
+
+44
+00:02:24,733 --> 00:02:27,333
+允许下列哪类车辆通行
+
+45
+00:02:27,866 --> 00:02:29,666
+答案公交车
+
+46
+00:02:30,866 --> 00:02:34,733
+解析看图中公交占用道那几个字
+
+47
+00:02:34,800 --> 00:02:37,133
+表示只准公交车通行
+
+48
+00:02:37,600 --> 00:02:38,666
+第9题
+
+49
+00:02:39,166 --> 00:02:41,966
+驾驶机动车在路口遇到这种情况
+
+50
+00:02:42,000 --> 00:02:43,133
+如何行驶
+
+51
+00:02:43,600 --> 00:02:45,466
+但停车等待
+
+52
+00:02:46,533 --> 00:02:50,099
+解析交警指挥与信号灯不一致时
+
+53
+00:02:50,200 --> 00:02:52,666
+要优先按交警指挥行驶
+
+54
+00:02:52,866 --> 00:02:56,766
+途中交警左臂举过肩表示禁止通行
+
+55
+00:02:58,333 --> 00:02:59,266
+第10题
+
+56
+00:03:00,000 --> 00:03:01,766
+有这种信号灯的路口
+
+57
+00:03:01,800 --> 00:03:04,133
+允许机动车如何行驶
+
+58
+00:03:04,766 --> 00:03:06,733
+答案向右转弯
+
+59
+00:03:07,566 --> 00:03:11,266
+解析哪边是绿灯哪边就可以通行
+
+60
+00:03:11,366 --> 00:03:13,366
+途中只有右转是绿灯
+
+61
+00:03:13,500 --> 00:03:15,366
+所以可以向右转弯
+
+62
+00:03:17,600 --> 00:03:22,466
+第11题遇到这种情况的路口怎样通过
+
+63
+00:03:23,766 --> 00:03:28,999
+a确认安全后通过b加速直行通过c
+
+64
+00:03:29,133 --> 00:03:33,466
+左转弯加速通过d右转弯加速通过
+
+65
+00:03:33,933 --> 00:03:36,899
+答案a确认安全后通过
+
+66
+00:03:37,566 --> 00:03:41,266
+解析图中信号灯为持续闪烁的黄灯
+
+67
+00:03:41,366 --> 00:03:43,133
+提示要注意瞭望
+
+68
+00:03:43,466 --> 00:03:45,066
+确认安全后通过
+
+69
+00:03:46,266 --> 00:03:47,366
+第12题
+
+70
+00:03:47,800 --> 00:03:51,300
+这段道路红车所在车道是什么车道
+
+71
+00:03:51,966 --> 00:03:52,766
+a
+
+72
+00:03:52,900 --> 00:03:54,600
+快速车道b
+
+73
+00:03:54,733 --> 00:03:56,599
+应急车道c
+
+74
+00:03:56,733 --> 00:03:58,399
+专用车道d
+
+75
+00:03:58,600 --> 00:04:02,100
+慢速车道答案a快速车道
+
+76
+00:04:03,333 --> 00:04:04,133
+解析
+
+77
+00:04:04,800 --> 00:04:06,066
+在道路同方向
+
+78
+00:04:06,066 --> 00:04:08,299
+划有两条以上机动车道的
+
+79
+00:04:08,533 --> 00:04:10,266
+左侧为快速车道
+
+80
+00:04:10,366 --> 00:04:12,099
+右侧为慢速车道
+
+81
+00:04:12,466 --> 00:04:14,166
+红色车在最左侧
+
+82
+00:04:14,266 --> 00:04:16,199
+所以设在快速车道
+
+83
+00:04:17,366 --> 00:04:20,199
+第13题在这种情况下
+
+84
+00:04:20,300 --> 00:04:22,866
+可以借右侧公交车道超车
+
+85
+00:04:23,066 --> 00:04:27,699
+但错误解析超车要从前车左侧超越
+
+86
+00:04:27,866 --> 00:04:30,666
+且右侧是公交车道不可占用
+
+87
+00:04:31,533 --> 00:04:34,366
+第14题在这种情况下
+
+88
+00:04:34,500 --> 00:04:36,533
+可加速通过交叉路口
+
+89
+00:04:36,900 --> 00:04:40,766
+答案错误解析黄灯亮了您要等一等
+
+90
+00:04:41,066 --> 00:04:43,933
+车身未越过停止线不可继续通行
+
+91
+00:04:43,966 --> 00:04:45,499
+更不能加速通过
+
+92
+00:04:46,266 --> 00:04:49,166
+第15题在路口这个位置时
+
+93
+00:04:49,166 --> 00:04:50,999
+可以加速通过路口
+
+94
+00:04:51,266 --> 00:04:54,966
+答案错误解析红灯停绿灯行
+
+95
+00:04:54,966 --> 00:04:56,799
+黄灯亮了您要等一等
+
+96
+00:04:57,066 --> 00:04:58,899
+途中信号灯是红灯
+
+97
+00:04:58,933 --> 00:05:00,499
+车辆不可加速通过
+
+98
+00:05:00,500 --> 00:05:01,700
+要停车等待
+
+99
+00:05:02,400 --> 00:05:03,200
+本集完
+
+100
+00:05:03,800 --> 00:05:05,333
+感谢您的收听
+
+101
+00:05:05,600 --> 00:05:06,866
+我们下集见
+

public/7月12日.srt

@@ -0,0 +1,60 @@
+1
+00:00:01,000 --> 00:00:04,133
+哈喽大家好我是主播圆圈啊
+
+2
+00:00:04,533 --> 00:00:06,899
+本专辑已经陆续的在更替
+
+3
+00:00:06,900 --> 00:00:09,300
+2022年新题库的题目
+
+4
+00:00:09,866 --> 00:00:12,933
+还没有更新的大家也可以放心收听哦
+
+5
+00:00:13,300 --> 00:00:16,666
+新题库和去年的题其实差别不大
+
+6
+00:00:17,000 --> 00:00:19,133
+科目四也已经更新完毕了
+
+7
+00:00:19,466 --> 00:00:22,899
+听完以后再去做几套题问题不大哦
+
+8
+00:00:23,200 --> 00:00:25,466
+很多宝宝已经考了99分
+
+9
+00:00:25,533 --> 00:00:27,066
+来给主播回馈喽
+
+10
+00:00:27,133 --> 00:00:28,499
+我也非常高兴
+
+11
+00:00:28,733 --> 00:00:30,866
+因为我的付出有所回报
+
+12
+00:00:31,400 --> 00:00:33,700
+虽然这个专辑是免费专辑
+
+13
+00:00:33,866 --> 00:00:36,266
+但是对我来说也收获满满
+
+14
+00:00:36,766 --> 00:00:37,766
+感恩遇见
+
+15
+00:00:38,066 --> 00:00:39,366
+感恩有你们
+

src/App.tsx

@@ -13,6 +13,7 @@ import { DownloadCaigong2 } from "./views/downloadCaigong2";
 import { PdfImages } from './views/pdfImages'
 import { Marked } from './views/marked'
 import { Wxcode } from './views/wxcode'
+import { Srt } from "~/views/srt";
 export function App() {
 
   return (
@@ -21,9 +22,13 @@ export function App() {
         <Route exact path="/">
           <VideoKindList />
         </Route>
+
         <Route path="/home">
           <Home />
         </Route>
+        <Route path="/srt">
+          <Srt />
+        </Route>
         <Route path="/home1">
           <Home />
         </Route>

src/views/srt/index.tsx

@@ -0,0 +1,44 @@
+
+import './index.less'
+import React from "react";
+import axios from 'axios';
+
+export const Srt: React.FC = (props: any) => {
+    //解析时间
+    const parseSrtTime = function (str: string): number {
+        var str0 = str.split(':')[0]
+        var str1 = str.split(':')[1]
+        var str2 = str.split(':')[2].replace(",", "")
+
+        return Number(str0) * 3600000 + Number(str1) * 60000 + Number(str2)
+    }
+    axios({
+        url:'./7月12日.srt',
+        responseType:'text'
+        
+
+    }).then(res=>{
+        // console.log(res.data)
+        var srtArr = res.data.split('\n') as string[]
+        var srtParseArr:string[][] = []
+        var a =0
+        srtArr.pop()
+ 
+        while (a < srtArr.length) {
+            srtParseArr.push([srtArr[a], srtArr[a + 1], srtArr[a + 2], srtArr[a + 3]])
+            a = a + 4
+        }
+        console.log(srtParseArr)
+
+    })
+    return (
+        <div>
+            <div>
+                {
+
+                }
+            </div>
+        </div>
+    )
+
+}

vite.config.ts

@@ -1,3 +1,4 @@
+
 import { defineConfig } from 'vite'
 import reactRefresh from '@vitejs/plugin-react-refresh'
 import { getThemeVariables } from "antd/dist/theme";