萬事問噗浪
有沒有對瀏覽器外掛程式熟悉的旅人？
我想要自己試著做一個如這個網站的字幕外掛服務，初步規劃自用再視情況開放給特定社群。不直接使用他們服務是因為我的目的有點不符合他們的初衷（？），然後自己也有想要其他功能（如直接搜尋所有字幕內容）。
NekoCap - open source web video community captioning...

但我幾乎沒有程式背景（只有用 Python 做過簡單的資料處理），請問我該針對哪些部分研讀？去看了他們的 Github 只知道語言是 Javascript，但是直接去找一個 Javascript 的課程上也有點無邊無際，想請熟悉這方面的旅人幫我抓一些關鍵字或方向，如果有推薦的資源更好，謝謝。

可以從w3school那邊打點基礎
基本上是讀取電腦檔案再用JS根據時間改變字幕內容吧…
會Python的話最近也有pyscript這種東西了

你想做全文搜尋會需要資料庫和架站
感覺nodeJS比較符合你的學習需求

類似的服務還有voicetube /學唱日語
我有模仿做過一模一樣的東西當做練習
純nodeJS或backend用PHP應該都可以辦到你想做的事情

比較通用的應該是MVC架構的概念
因為真的範圍太廣不知道有沒有解答到你的問題

mule8663: 謝謝！得到了很多關鍵字，我來研究看看

mule8663: 我看了一下，覺得 marumaru 唱歌學日語真的很像我想要的
然後我想要的搜尋功能會希望像這樣呈現

Improve Your English Pronunciation

想請問你的模仿練習大概花了多少時間呢？（我自己沒有 Javascript 基礎也不會 nodeJS，架站……硬要說只有十幾年前碰過 HTML/CSS 有基本概念而已，所以預期這些時間都會加上去。但是想要知道一個如果已經有這些能力的人大概要多久，規劃一下 XD）

當時大概是兩個禮拜 但我本身就是學這個的參考價值有點低
讓我推測你的程度和需要的時間，如果你覺得剪剪貼貼能達到效果就好全力學大概要一個月
想要了解運作的原理+自己有能力設計可能要3個月以上
nodeJS其實有很多範例可以抄，css和html的部分可以先做醜醜的會動就好
我前端設計很爛都是用模板改的

會估時間比較久是因為你沒有function的概念，但如果有的話應該先做個部落格出來，再試著動態加一些元素，用這兩個重複到的知識應該就能做出你想要東西

剛剛看了一下你想要的搜尋引擎，可能會需要另外建資料庫用SQL下去查
我印象中nodeJS也有提供介面啦…但DB涉及設計層面，有兩種主流可以選
這方面我還是建議你找課程
如果是用Google的服務架站的話預設是MongoDB醬子

mule8663: 太感謝了！

mule8663: 我仔細想想後覺得因為我很想要用這個功能早點開始累積自己的資料，真的要做出一個那樣的網站甚至提供給其他人使用是長期願景，但完全不急，可以慢慢學。

主要是因為這個外加的字幕都會是我自己製作的，我想要掛自己的字幕在既有的 Youtube 影片上，以及搜尋字幕內容找出是在哪個影片和對應的時間。

不知道這樣的話你能不能建議現在可以先怎麼做先拼出一個會動的東西，但是保持未來慢慢把那些技能補起來後轉移的可能性呢？例如說要用什麼檔案類型跟資料索引架構之類的。

不好意思問了很多，如果覺得已經到了很專業要付錢才能諮詢的部分不好意思，那就還請跳過，打擾了 > <

問完上面那些發現我現在想要可以自用的功能而言，好像呈現出來反而是次要的事情，看來我可能該先學資料庫跟搜尋引擎？

第一步
建議你先不要思考讀資料庫裡的東西
先把你想要的字幕呈現做出來
你可能會遇到
怎麼內嵌YT
怎麼讀取YT現在的撥放時間和狀態
怎麼讀取檔案內容
怎麼將檔案內容呈現在頁面
怎麼根據時間不同切換顯示的文字
怎麼使用JS操作文字的顯示方式和內容

先把這幾個問題解決你再考慮搜尋引擎的東西

mule8663: 我本來想說我現在就想要用的功能是字幕，以方便我隨時想搜某個詞可以找到是哪部影片的哪裡，所以才想先研究資料庫。但是你這麼一說我又發現我如果上述功能只是要自用，在自己電腦上搜存好的字幕檔就好了啊 XDDD 那我會先來研究怎麼做出字幕呈現，謝謝！