Huab Cua - Tseeb Txawb Mobile Guitar (Tsab Ntawv): 7 Kauj Ruam (nrog Duab)

2024 Tus sau: John Day | [email protected]. Kawg hloov kho: 2024-01-30 09:24

Ua li ntawd, Qhov no yuav yog cov lus qhia luv luv txog thawj ntu thaum kawg los ze rau kev npau suav thaum yau ntawm kuv.

Thaum kuv yog ib tug tub hluas, kuv ib txwm saib kuv cov kws ua yeeb yam nyiam tshaj plaws thiab cov pab pawg ua si ntaus guitar yam tsis raug cai.

Raws li kuv loj hlob, Kuv ua tsaug txaus kom kawm paub ntaus guitar thiab txawm tias ua si qee tus tswv los, tab sis tseem tsis muaj kuv tus kheej:(Yog li kuv txiav txim siab zaum kawg thiab ua ib qho uas ua tiav hauv xov tooj, siv lub zeem muag khoos phis tawj thiab tso cov neeg zoo li kuv uas xav tau guitar tab sis tej zaum yuav tau mus ncig, tsoo lossis tseem hluas heev kom tau txais!

Koj tuaj yeem pom daim ntawv thov app ntawm lub vev xaib no

Txhawm rau pom yuav ua li cas, mus rau ntu "Koj Ua Tiav".

* Nco ntsoov siv nws ntawm koj lub xov tooj thiab tig lub vijtsam ib sab rau hom toj roob hauv pes *

Txaus siab rau!

(ﾉ ◕ ヮ) ﾉ *: ﾟ ﾟ ･ ･: *ヽ (◕ ヮ ◕)

Khoom siv:

1. Ntse Xov Tooj

2. Khoos phis tawj lossis lub khoos phis tawj (Rau Kev Ua Haujlwm)

Kauj Ruam 1: Tom Qab thiab Nco Ntsoov ntawm Txoj Cai

Txoj Haujlwm no feem ntau yog cov phiaj xwm phiaj xwm phiaj xwm ua haujlwm ntawm lub xov tooj.

Hauv kev los nrog txoj haujlwm no, Kuv tau sim ntau lwm cov apps thiab saib lwm cov khoom siv tam sim no ntawm kev ua lag luam xws li AirJamz lossis Kurv guitar, nqa tau cov guitars lossis txawm tias Real Guitar app ntawm lub khw ua si.

Cov teeb meem kuv pom tsis muaj nyob hauv ntau ntawm lawv yog:

1. Qee qhov xav tau cov khoom siv sab nraud

2. Yuav luag txhua lub app tsis tau tso cai rau koj ua si chords lossis suab paj nruag tiag tiag thiab tsuas yog ua rau lub rooj tsavxwm nyuaj siab

3. Cov Khoom Siv Sab Nraud tau zoo nkauj thiab ntau tus kws ntaus kis las pom zoo tsuas yog yuav lub guitar tiag

Cov no yog cov duab hauv cov duab nrog.

Thiab yog li Air app yuav tsum daws cov teeb meem no thaum tseem tuaj yeem ua haujlwm hauv xov tooj. Kuv ntseeg tias qhov no muaj peev xwm ua tau vim xyoo 2020 peb muaj cov cuab yeej siv mobile zoo dua qub thiab ntau yam kev txhim kho hauv lub computer lub zeem muag uas tuaj yeem tso cai rau peb ua qhov xav tsis thoob nrog tib lub koob yees duab RGB.

Yog li kuv tau pib ua qee qhov kev kos duab ntawm qhov nws yuav zoo li cas thiab nws yuav ua haujlwm li cas ua ntej pib ua tiav.

Kuv kuj tau kos tawm kuv cov ntsiab lus tseem ceeb hauv qhov kev qhia no, es tsis txhob ua rau koj txaus siab nrog cov lej, Kuv yuav coj koj mus dhau kuv cov txheej txheem tsim thiab txuas cov kab lus piav qhia thaum kawg rau koj nyeem thiab saib yog tias koj xav tau.

Tag nrho cov cai tuaj yeem pom ntawm https://github.com/msimbao/air thiab kuv pom zoo kom teeb tsa koj cov lej cov ntaub ntawv zoo ib yam li qhov no.

Tsis tas li nco ntsoov tias kom lub app khiav, nws yuav tsum tau tuav. Kuv tau txog tam sim no tsuas pom nws ua haujlwm thaum tuav ntawm github.:)

Kauj Ruam 2: Kev Ua Phem

Thawj qhov tseem ceeb ntawm kev sau lub ntsiab lus tseem ceeb, yog txhawm rau nrhiav txoj hauv kev los rov ua cov strum digitally yam tsis muaj ib puag ncig sab nraud. Kuv qhov kev xav tam sim yog siv lub RGB pem hauv ntej ntsib lub koob yees duab ntawm kuv lub xov tooj.

Kuv xav yog tias yog tias ib tus neeg muaj lub chord lawv xav ua si, tom qab ntawd thaum lawv los so lawv txhais tes ua ntej ntawm lawv lub koob yees duab, lub suab yuav raug ntaus.

Tom qab xam tawm qhov ntawd, tom qab ntawd kuv xav tau cov lus programming zoo uas tuaj yeem siv los cuam tshuam nrog lub koob yees duab RGB.

Kuv tau txiav txim siab rau Javascript vim tias kuv tuaj yeem ua tus ntoo khaub lig-platform app nrog React Native lossis lwm yam lossis tsuas yog tuaj yeem tuav tus ntaus guitar ntawm lub vev xaib thiab nws tuaj yeem muaj rau txhua tus.

Tom qab ntawd kuv pom ntau txoj hauv kev los txiav txim yuav ua li cas thiaj tau txais tes los so kom ua qhov kev txiav txim uas tuaj yeem yog lub suab chord ua si tab sis muaj ntau txoj hauv kev los ua qhov no.

Kev kawm tshuab ua haujlwm tau zoo heev thaum kuv sim IBM cov kev pabcuam thiab kawm txog 3000 cov duab nyob rau ib lub lim tiam rau los so kom paub nrog rau chord lees paub. Kuv kuj tau sim handtrack.js los ntawm victordibia. Hmoov tsis zoo lawv ob leeg tsis txaus ntseeg qeeb ntawm lub xov tooj ntawm tes.

Tom qab ntawd kuv dawm hla txoj kev tshawb nrhiav pom thiab ua tiav los ntawm lonekorean ntawm diffcam.com. Kuv kawm paub tias nws muaj peev xwm siv lub vev xaib los sau ob daim duab sib cais thiab tom qab ntawd suav qhov sib txawv ntawm cov thav duab thiab muab qhov sib txawv sib tw. Yog tias cov qhab nia ntawd dhau ntawm qhov pib, kuv mam li ua qhov kev txiav txim.

Lonekorean kuj tau tsim lub cav rau nws qhov sib txawv uas kuv tau txiav txim siab siv rau Air guitar thiab nws ua haujlwm zoo kawg nkaus kom tau txais kuv cov qhab nia!

Txuas nrog yog cov duab ntawm kev sim ntawm kev kawm Tshuab kawm ua qauv nrog rau qhov piv txwv diffcam.com uas kuv tau kawm los ntawm.

Nco tseg: Hauv tsab ntawv tam sim no, strumming kinda rov ua dua thiab dhau los, kom nres nws, tsuas yog tuav lub chord uas koj xav ua si tom ntej. Nov yog kab uas peb vam tias yuav kho tom ntej.

Cov cai rau tag nrho cov strum tau pom hauv tsab ntawv script.js txuas nrog ntawm no thiab lub cav diffcam los ntawm lonekorean nyob ntawm no.

Kauj ruam 3: Chord Recognition

Cov cim tseem ceeb tom ntej yog tom qab ntawd txhawm rau nrhiav txoj hauv kev los daws qhov chord lees paub nyob.

Kuv xav kom tus neeg siv muaj peev xwm rov ua dua cov duab chord tiag tiag thiab yog li xyaum ua haujlwm zoo tso tes thiab tseem pab lawv xyaum sib txawv chords.

Zoo li hauv cov kauj ruam kawg, Kuv tau sim tawm Tshuab kev kawm rau kev paub chord, tab sis nws tau qeeb heev ntawm cov xov tooj ntawm tes.

Tom qab ntawd kuv tau kawm qee yam los ntawm Real Guitar app uas nws yuav muaj peev xwm tso fretboard ntawm lub xov tooj screen siv lub vijtsam los tsim cov duab chord.

Tom qab ntawd kuv yuav tsum kawm paub yuav ua li cas tso cai kov ntau qhov cuam tshuam hauv javascript thiab pom qhov kev qhia txaus thiab piv txwv los ntawm Mozilla cov ntawv

Kov kev sib cuam tshuam tuaj yeem ua qhov nyuaj tshwj xeeb tshaj yog hauv Javascript tab sis lub tswv yim yog tias peb tuaj yeem tsim qee yam divs thiab tom qab ntawd txhais cov haujlwm los lis cov xwm txheej sib txawv:

1. touchStart: Thaum tus ntiv tes kov lub vijtsam

2. touchEnd: Thaum tus ntiv tes tawm

3. touchMove: Thaum tus ntiv tes tseem nyob ntawm qhov screen tab sis hloov txoj haujlwm

Peb tom qab ntawd ua haujlwm ib puag ncig cov haujlwm ntawd txhawm rau txheeb xyuas peb tus kheej lub ntsiab lus uas teb rau cov xwm txheej sib txawv thiab sib txuas ua ke.

Hauv peb qhov xwm txheej, peb tsim lub rooj sib tham tsis txaus ntseeg siv CSS thiab tom qab ntawd siv Javascript, qhia rau lub app tias thaum twg qee qhov sib faib raug nias ua ke, lub chord yuav tsum raug lees paub.

Peb tuaj yeem txhais qhov khoom siv suab uas peb yuav hla lub chord mus thiab tom qab ntawd ua lub suab ntawd thaum muaj qhov xwm txheej tshwm sim.

Txhawm rau txiav txim siab sib txawv chord ua ke, Kuv tau ua lub rooj tsav xwm tsis zoo siv cov duab no thiab tom qab ntawd tsuas yog teeb tsa txhua txoj haujlwm tshwj xeeb los ua kev faib uas kuv tuaj yeem kov thiab sib xyaw nrog lwm tus.

Cov cai txhawm rau txheeb xyuas qhov ua tau zoo nyob ntawm no thiab cov fretboard maub los pom nyob hauv cov cai txuas nrog.

Kauj Ruam 4: Nrhiav Chord Suab

Tam sim no tias peb cov txheej txheem tau teeb tsa kom paub, peb xav tau qee qhov tseeb chord suab.

Ua tsaug, freesound.com ib txwm los pab kuv thaum kuv xav tau cov qauv suab. Kuv tsuas yog tshawb nrhiav chords thiab pom qhov ua tau zoo ntawm cov chords loj los ntawm danglada.

Tom qab ntawd kuv rub tawm lawv thiab kho lawv siv lub suab kom ntseeg tau tias lub suab pib tam sim tsis yog ncua sijhawm luv thaum pib ntawm lawv feem ntau thaum lawv raug kaw.

Txhawm rau txiav lawv siv lub ntsej muag, kuv yooj yim rub lawv mus rau hauv lub app tom qab ntawd xaiv ib feem ntawm lub suab uas kuv xav tau (tag nrho nthwv dej ib feem thiab tsis muaj kab ntawm kab seem uas tsis muaj suab). Kuv mam li mus rau Kho kom raug tab> Tshem Tshwj Xeeb> Trim Suab. Tom qab ntawd kuv tau mus rau Cov Ntawv Teev Npe> Teem Kab> Pib rau Xoom. Kuv mam li mus rau cov ntawv, tom qab ntawv Export> Export li WAV.

Kuv xa tawm raws li WAV vim tias kuv tau pom nws yooj yim los daws nrog hauv Javascript audio projects.

Tom qab ntawd kuv siv glitch.com los tuav cov ntaub ntawv no vim tias lawv muaj cov ntsiab lus zoo xa cov network uas tuaj yeem siv rau cov haujlwm sib txawv uas koj muaj. Lwm qhov kev xaiv tuaj yeem yog siv firebase uas yog kuv tau txais rau cov haujlwm sib txawv uas tej zaum yuav muaj cov ntaub ntawv ntau ntxiv los khaws cia zoo li makerspace cov khoom lag luam app rau kuv lub tsev kawm qib siab makerspace.

Koj tsuas yog yuav tsum tau rub thiab tso cov khoom muaj nqis rau hauv cov phiaj xwm phiaj xwm thiab tom qab ntawd koj tuaj yeem pom qhov txuas thaum koj nyem qhov khoom ntiag tug thiab nyem cov khoom uas koj xav tau. Glitch yuav tsim qhov tshwj xeeb CDN url rau koj li cuab tam. Piv txwv li, ntawm no yog qhov txuas rau A Loj Chord suab.

Kuv tuaj yeem txuas tag nrho cov chords no ua ke hauv getChord muaj nuj nqi uas yuav saib thaum qhov tshwj xeeb ua ke ntawm txoj haujlwm tsis txaus siab tau raug nias thiab tom qab ntawd muab lub chord tsim nyog rau lub app ua si thaum muaj tes los tshwm sim tshwm sim.

Kauj ruam 5: Ua tiav thiab Hosting Tag Nrho App

Muaj ntau txoj hauv kev mus txog hosting.

Ua siab ncaj qhov zoo tshaj plaws kuv tau pom tsuas yog siv github. Qhov no vim tias yog tias koj tau teeb tsa lub app kom zoo, koj tuaj yeem ua rau koj qhov kawg rov qab tau txais kev pabcuam los ntawm lub hauv paus lossis lub foob pob hluav taws los ntawm firebase lossis tseem siv CDN los ntawm glitch.com thiab lwm qhov chaw khaws cov khoom muaj nqis.

Txhawm rau tuav txoj haujlwm ntawm github, txhua yam koj yuav tsum ua yog qhib tus lej github, ua qhov chaw cia khoom tshiab. Tom qab ntawd ua kom yooj yim teeb tsa, tom qab koj tau tso koj lub npe npe, ib txwm nco ntsoov ntxiv daim ntawv tso cai (Kuv tsis yog tus kws tshaj lij tab sis kuv tau pom tias nws ua rau kuv lub neej yooj yim dua). Kuv ib txwm tsuas yog siv daim ntawv tso cai rau pej xeem zoo li GNU.

Thaum lub chaw cia khoom tau teeb tsa, peb tsuas tuaj yeem rub thiab tso peb cov ntaub ntawv mus rau hauv lub chaw cia khoom thiab nyem lub pob ntsuab cog rau hauv qab.

Tom qab ntawd peb mus rau Chaw tab nrog lub cim iav nyob rau sab xis ntawm lub chaw khaws khoom hauv qab lub hnub qub thiab saib cov nyees khawm. Ib zaug hauv qhov chaw teeb tsa, nqes mus txog thaum koj pom lub thawv Github Nplooj ntawv. Hloov Chaw rau tus tswv ceg thiab xaiv lub ntsiab lus yog tias koj xav tau. Koj tuaj yeem kawm paub siv cov ntsiab lus li cas los ntawm googling lawv (Kuv ib txwm tsis siv lawv vim kuv nquag coj kuv tus kheej CSS thiab cov ntsiab lus ntsiab lus).

Thaum nplooj ntawv npaj tiav, koj yuav tau txais lub ntsiab lus ntsuab thiab zuam qhia rau koj tias koj lub xaib tau luam tawm thiab tuaj yeem nkag mus tau.

Kauj ruam 6: Ua tau

Tam sim no koj tuaj yeem txaus siab rau qhov kev sib tham txaus hauv kev nplij siab ntawm koj tus kheej lub mloog pob ntseg, chav pw lossis ntawm tsheb ciav hlau. Ntxiv qee qhov chords ntxiv yog tias koj nyiam thiab tseem ua si ib puag ncig nrog cov haujlwm tsis txaus ntseeg guitar.

Lus ceeb toom ceev ntawm Kev Tshawb Nrhiav Tsab Ntawv

1. Lub hauv paus rau kev ntaus ntaus nrig ntaus nrig tuaj yeem hloov kho hauv cov ntawv script.js tab sis nco ntsoov tias thaum koj siv lub app, keeb kwm yav dhau uas koj lub xov tooj pom yog tseem nyob.

2. Piv txwv li, hauv tsheb ciav hlau, nws zoo dua los zaum thiab tso koj lub mloog pob ntseg thiab tig koj lub xov tooj sab hauv yog li yog tias cov neeg caij tsheb txav ib puag ncig koj lub xov tooj lub koob yees duab tsuas tuaj yeem pom koj txhais tes txav mus tas li.

3. Tes tuav lub xov tooj yuav tsum yog tus tseem nyob raws koj qhov pib. Kuv xav tias kuv yuav ua qee qhov kev xeem nrog qib siab thiab hloov kho cov kev txwv mus rau tom ntej kom muaj ntau yam tshwj xeeb.

Ua Si:

Thauj lub app ntawm koj lub web browser, tom qab ntawd qaij nws mus rau hom toj roob hauv pes.

Tom qab ntawd thaum koj viav vias koj txhais tes, lub chord yuav ua si, txawm li cas los xij, nws yuav ua si txuas mus txog thaum koj kov tus yuam sij F hauv lub kaum sab xis sab xis.

Xwb, koj tuaj yeem tso tseg lub suab los ntawm kev sib chord ua ke.

Thaum koj ua cov chord ua ke, lub suab tam sim no nres, tom qab ntawd lub suab chord tshiab tau xaiv.

Kauj Ruam 7: Yam Kawm thiab Cov Lus Kawg

Kuv yeej nyiam ua haujlwm ntawm txoj haujlwm no txawm tias nws siv sijhawm ntev los ua qauv thiab tau txais cov app tsim thaum ua haujlwm ntawm lwm cov haujlwm thiab ua haujlwm hauv tsev. Kuv tau kawm ob peb yam khoom txaus raws txoj kev ib yam nkaus;

1. Thaum tsim cov khoom lag luam digital, ib txwm nco ntsoov ua kom koj cov ntawv pov thawj sai li sai tau vim tias koj thawj qhov kev xav yuav tsis raug thiab koj yuav tsum tau hla lawv sai sai kom mus txog qhov kawg.

2. Tsis txhob siv nyiaj rau ib qhov haujlwm ntau li ntau tau. Ib txwm siv txhua yam koj ua tau thiab ib txwm pib nrog yam yooj yim uas koj muaj ntawm tes.

3. Tsis txhob ntshai kawm cov lus tshiab, cov txheej txheem thiab cov kab ke. Lawv feem ntau yooj yim dua li koj xav thaum xub thawj.

Thiab ua tsaug ntau rau tus lonekorean uas ua rau kuv txoj kev npau suav los txog

Yog tias koj yuav txaus siab rau qhov app txhim kho koj tuaj yeem koom nrog peb daim ntawv teev npe li cas. Ib pab neeg me thiab kuv yuav ua haujlwm kom ua tiav qhov kev pab tib neeg uas tau tawg, mus ncig lossis cov menyuam yaus muaj kev nkag tau mus rau lub suab paj nruag nqa tau zoo nyob txhua qhov chaw lawv nyob.

Peb yuav nyiam qee qhov kev pab tshwj xeeb tshaj yog los ntawm cov kws tsim duab, cov ntaus kis las thiab cov coders los sim thiab ua txhua yam tawm.

Txaus siab rau (◕ ◕ ◕ ◕) ﾉ *: ﾟ ﾟ ✧ ･: *ヽ (◕ ヮ ◕ ヽ)