PROJEKTAS

Dirbtinio intelekto šukuosenos keitiklis virtualiai šukuosenų peržiūrai

Individualus programinės įrangos kūrimas, Veido skenavimas, AR per kamerą realiuoju laiku, DI šukuosenų rekomendacijos, Virtualus pasimatavimas, Mobiliųjų programėlių kūrimas, Žiniatinklio programėlių kūrimas

  • Sritis: Grožio paslaugos
  • Jungtinė Karalystė Vieta: Jungtinė Karalystė
  • Įgyvendinimo trukmė: 10 savaitės
  • Technologijos: JavaScript / TypeScript (Node.js), Python
3 mėnesiai

Šis grožio salonas padeda klientams pasirinkti šukuoseną prieš vizitą, tačiau rašytinis aprašymas ar statinis vaizdas neparodo, kaip šukuosena atrodys ant tikro veido. DI šukuosenos keitiklis priima asmenukę, įkeltą nuotrauką arba tiesioginį kameros vaizdą ir pateikia šukuosenos peržiūrą, kurioje išsaugomi naudotojo veido bruožai. Salono stilistas ir klientas gali palyginti variantus, matyti kameros efektą realiuoju laiku ir išsaugoti pasirinktą vaizdą pokalbiui.

Santrauka

Problema

Salonui reikėjo aiškesnio būdo parodyti klientams, kaip skirtingos šukuosenos galėtų atrodyti prieš vizitą.

Sprendimas

Sukurtas veido skenavimo ir virtualaus šukuosenų pasimatavimo sprendimas asmenukėms, įkeltoms nuotraukoms ir tiesioginiam kameros vaizdui.

Rezultatas

Programinė įranga padeda salonui didinti susidomėjimą formavimo paslaugomis, prieš priimant sprendimą pateikiant daugiau vaizdinės informacijos.

Kliento istorija

Klientas - grožio salonas iš Jungtinės Karalystės. Jis padeda klientams palyginti šukuosenų variantus prieš vizitą.

Salonui reikėjo rodyti šukuosenas pagal asmenukę, įkeltą nuotrauką arba tiesioginį kameros vaizdą. Sprendimas skirtas ir klientams, ir stilistams renkantis šukuoseną.

Užduotis buvo aiški: priimti skirtingus vaizdų ir kameros šaltinius, sekti veido bruožus, pateikti šukuosenų peržiūras realiuoju laiku ir generuoti vaizdus, išsaugančius kliento išvaizdą.

Sprendimas sukurtas taip, kad kelias nuo veido skenavimo iki šukuosenos pasirinkimo, tiesioginės peržiūros, rekomendacijų ir išsaugoto rezultato būtų trumpas. Patirtis pritaikyta salono stilistams ir klientams.

Klientas pageidavo

  1. Priimti asmenukes, įkeltas nuotraukas, tiesioginį kameros vaizdą ir išvaizdos duomenis.
  2. Naudojant DI sekti veidus, veido bruožus, kūno ypatybes ar rankas.
  3. Rodyti grožio efektų ir šukuosenų AR peržiūras realiuoju laiku.
  4. Generuoti naudotojo vaizdus, kompozicijas, avatarus ar peržiūras.

Kodėl netiko paruošta programinė įranga

Paruoštos papildytosios realybės platformos įterpia virtualius objektus į kameros vaizdą, o bendrieji virtualaus pasimatavimo produktai daugiausia dėmesio skiria sugeneruotiems vaizdams. Universali veidų sutapdinimo sistema gali palyginti veidus, tačiau vienoje salono patirtyje nesujungia šukuosenos perkėlimo, veido bruožų išsaugojimo, tiesioginių peržiūrų ir šukuosenų rekomendacijų.

Projekto apžvalga

Sprendimas sukurtas kaip prisitaikanti naršyklės patirtis, papildyta mobiliąja versija iOS ir Android įrenginiams. Aiškiame pradiniame ekrane galima nuskenuoti veidą kamera arba įkelti asmenukę, o prieš peržiūrą pateikiamas šukuosenų katalogas.

Veido analizei naudojamas veido skenavimas ir veido orientyriniai taškai. Tiesioginėje peržiūroje pasirinkta šukuosena uždedama ant sekamo veido, išsaugant veido bruožus ir odos atspalvį apdorotame vaizde.

Rekomendacijų ekranas sukurtas šukuosenoms pagal naudotojo veido atvaizdą palyginti. Rekomendacijų kortelės, miniatiūros, pritaikytos šukuosenos peržiūra ir paaiškinimo sritis padeda pasirinkimą susieti su paties naudotojo išvaizda.

Galutiniame ekrane pasirinkta peržiūra pateikiama vienoje vietoje, kad ją būtų galima užfiksuoti, atsisiųsti ar bendrinti. Modulinė struktūra taip pat leidžia vėliau pridėti stiliaus rekomendacijas, katalogus ir administracines integracijas.

Įdiegtos pagrindinės funkcijos

  • Asmenukės, nuotraukos įkėlimo ir tiesioginės kameros įvestis
  • Veido skenavimas su sekimo gairėmis
  • Tiesioginis šukuosenos sluoksnis ant sekamo veido
  • DI šukuosenų rekomendacijos
  • Veido bruožų išskyrimas stiliui parinkti
  • Veido bruožų ir odos atspalvio išsaugojimas
  • Šukuosenų katalogas ir stiliaus pasirinkimas
  • Ekrano nuotraukų fiksavimas
  • Atsisiunčiami ir bendrinami galutiniai vaizdai

Galima pridėti

+ Trumpų vaizdo įrašų įrašymą + Vaizdo įrašų redagavimą + Šukuosenos perkėlimą tarp veido atvaizdų + Grožio efektų sluoksnius + Stiliaus katalogo integraciją + Administravimo įrankius

Kas dar gali naudoti šį sprendimą

Šios įmonės sprendžia panašią vaizdinio pasirinkimo užduotį, todėl tą patį sprendimą galima pritaikyti jų produktams, stiliams ir klientų kelionei.

Mados ir asmeninio stiliaus paslaugų teikėjas

Užduotis Pagal naudotojo savybes ir pageidavimus rekomenduoja aprangą, spalvas, aksesuarus ar visą įvaizdį.
Kaip sprendimas padeda Sprendimas gali sujungti veido ar išvaizdos analizę su vaizdinėmis rekomendacijomis ir bendrinamomis peržiūromis.
Kūrybinės studijos

Akiniais, nagų priežiūra ar plaukų priežiūra užsiimanti įmonė

Užduotis Turi parodyti klientams, kaip produktas ar stilius gali atrodyti prieš pirkimą ar procedūrą.
Kaip sprendimas padeda Ta pati kameros ir veido sekimo bazė gali pateikti pasirinktų produktų ar stilių virtualaus pasimatavimo peržiūras.
Grožio ir gerovės parduotuvės

Mados mažmenininkas

Užduotis Reikia DI generuojamo arba avatarais paremto vaizdinio turinio be fizinių fotosesijų.
Kaip sprendimas padeda Sprendimas gali generuoti išvaizda pagrįstas peržiūras ir fiksuoti vaizdinį turinį klientams.
Mados mažmeninė prekyba

Technologijų stekas

JavaScript / TypeScript (Node.js)

Žiniatinklio ir mobiliųjų programėlių sluoksnis

Ši kalbų šeima palaiko naršyklės sąsają ir įvairioms platformoms skirtą mobiliąją programėlę.

Python

Mašininio mokymosi ir vaizdo apdorojimas

Python palaiko projekte naudojamas veido analizės ir mašininio mokymosi bibliotekas.

vue

Prisitaikanti žiniatinklio sąsaja

vue (sistema šiuolaikinėms žiniatinklio sąsajoms kurti) struktūrizuoja naršyklės patirtį.

react

Naudotojo sąsajos komponentai

react (biblioteka naudotojo sąsajoms kurti) palaiko reikiamus sąsajos komponentus.

deepar

AR efektai naršyklėje

deepar (žiniatinklio SDK kameros efektams ir papildytajai realybei) teikia tiesioginius šukuosenų ir grožio efektus.

opencv

Kompiuterinės regos apdorojimas

opencv (kompiuterinės regos biblioteka) palaiko vaizdų ir kameros kadrų apdorojimą.

tensorflow

Mašininio mokymosi modeliai

tensorflow (atvirojo kodo mašininio mokymosi sistema) palaiko DI pagrįstą vaizdų ir savybių apdorojimą.

mediapipe

Mašininio mokymosi sprendimai

mediapipe (įrankių rinkinys mašininio mokymosi sprendimams mobiliosiose, krašto, debesijos ir žiniatinklio aplinkose kurti) palaiko projekto veido apdorojimą.

dlib

Veido bruožų analizė

dlib (mašininio mokymosi ir kompiuterinės regos įrankių rinkinys) palaiko veido bruožų apdorojimą.

@capacitor/ios and @capacitor/android

iOS ir Android paketavimas

Capacitor supakuoja JavaScript ir žiniatinklio patirtį kaip mobiliąsias iOS ir Android programėles.

Integracijos

Device camera

Programėlė gauna tiesioginį kameros vaizdą ir fiksuoja vaizdus veidui skenuoti bei peržiūroms.

iOS and Android

Capacitor sujungia programėlę su palaikomais mobiliaisiais įrenginiais ir jų kameromis.

Web browser

Prisitaikanti naršyklės versija apdoroja įkeltas asmenukes ir tiesioginį kameros vaizdą.

Rezultatas

Aiškus pradinis taškas kiekvienam šukuosenos pasirinkimui

Pirmajame ekrane salono klientui pateikiamas paprastas pradinis kelias: kameros skenavimas arba įkelta asmenukė nukreipia į šukuosenų katalogą. Ekrane pateikiamos veido skenavimo gairės ir pasirinkto stiliaus peržiūros kortelė.

Kaip tai veikia

  1. Kamera pateikia tiesioginį vaizdą arba programėlė gauna įkeltą asmenukę.
  2. Veido skenavimo modulis nuskaito veidą ir rodo skenavimo būseną.
  3. Šukuosenų kataloge pateikiami pavyzdžiai, o pasirinktas stilius rodomas peržiūros kortelėje.
  • Kameros ir nuotraukos įvestis
  • Veido skenavimo gairės
  • Šukuosenos pasirinkimas
Nuskenuokite veidą ir pasirinkite šukuoseną

Nuskenuokite veidą ir pasirinkite šukuoseną

Šiame ekrane esančios funkcijos
Vaizdų fiksavimas kamera Veido skenavimas DI šukuosenos rekomendacija

Tiesioginė peržiūra, sulygiuota su sekamu veidu

Antrajame ekrane pasirinktas stilius paverčiamas į tiesioginę kameros peržiūrą. Veido orientyriniai taškai arba veido tinklelis išlaiko šukuosenos sluoksnio padėtį keičiantis kameros vaizdui.

Peržiūra skirta greitam palyginimui: tame pačiame vaizde pateikiamas stiliaus pasirinkimas, nustatymo iš naujo valdiklis ir fiksavimo parinktis.

Kaip tai veikia

  1. Tiesioginis kameros vaizdas pateikia dabartinį vaizdą.
  2. deepar (žiniatinklio AR efektų SDK) ir veido sekimo modulis nustato veido padėtį bei orientyrus.
  3. Pasirinkta šukuosena perkeliama ant sekamo veido, o veido bruožai išlieka apdorotame peržiūros kadre.
  • Veido sekimo kadras
  • Pritaikytas šukuosenos sluoksnis
  • Fiksavimo ir nustatymo iš naujo valdikliai
Peržiūrėkite šukuoseną realiuoju laiku

Peržiūrėkite šukuoseną realiuoju laiku

Šiame ekrane esančios funkcijos
Veido aptikimas realiuoju laiku Vaizdų apdorojimas realiuoju laiku Šukuosenų perkėlimas Veido bruožų išsaugojimas

Rekomendacijos, susietos su naudotojo veidu

Rekomendacijų ekrane pateikiami šukuosenų variantai sugeneruoti pagal naudotojo veido atvaizdą. Kortelės, miniatiūros ir pritaikyta peržiūra leidžia salono klientui palyginti stilius.

Paaiškinimo srityje rekomendacija pateikiama šalia pritaikytos peržiūros.

Kaip tai veikia

  1. Įkeltas arba užfiksuotas veido vaizdas naudojamas bruožams išskirti.
  2. Rekomendacijų modulis analizuoja veido bruožus ir pateikia rekomenduojamas šukuosenas.
  3. Pritaikytos šukuosenos peržiūra ir rekomendacijos paaiškinimas parodo pasirinktą rezultatą.
  • Veido peržiūra
  • Rekomendacijų kortelės
  • Šukuosenų miniatiūros
Palyginkite rekomenduojamas šukuosenas

Palyginkite rekomenduojamas šukuosenas

Šiame ekrane esančios funkcijos
Veido bruožų išskyrimas DI šukuosenos rekomendacija Rekomendacijos paaiškinimas

Išsaugotas rezultatas tolesniam pokalbiui

Galutiniame ekrane pasirinkta peržiūra paverčiama į bendrinamą vaizdą. Salono stilistas arba klientas gali užfiksuoti ekrano nuotrauką, paruošti trumpą įrašą, atsisiųsti galutinį vaizdą arba jį bendrinti.

Ekrane pateikiama pasirinkta peržiūra, kurią galima atsisiųsti arba bendrinti.

Kaip tai veikia

  1. Generuotas šukuosenos peržiūros vaizdas rodomas kaip galutinė peržiūra.
  2. Fiksavimo modulis sukuria ekrano nuotrauką arba trumpą redaguotą vaizdo įrašą.
  3. Programėlė pateikia atsisiunčiamą ir bendrinamą galutinį vaizdą.
  • Ekrano nuotraukos fiksavimas
  • Vaizdo įrašymo valdikliai
  • Atsisiuntimas ir bendrinimas
Išsaugokite ir bendrinkite šukuosenos rezultatą

Išsaugokite ir bendrinkite šukuosenos rezultatą

Šiame ekrane esančios funkcijos
Ekrano nuotraukų fiksavimas

Ką suteikia sprendimas

Naudodamas šį sprendimą salonas gali:

  • Rodyti šukuosenų variantus ant paties kliento veido
  • Formavimo konsultacijos metu siūlyti tiesiogines kameros peržiūras
  • Pagal veido atvaizdą palyginti DI rekomenduojamas šukuosenas
  • Išsaugoti veido bruožus sugeneruotose šukuosenų peržiūrose
  • Išsaugoti vaizdus atsisiųsti arba bendrinti
  • Sukurti vaizdingesnį kelią sprendimams dėl formavimo paslaugų priimti

Pabaigai

Galiausiai sprendimas sukurtas tam, kad sumažintų neapibrėžtumą kelyje nuo kliento išvaizdos iki sprendimo dėl šukuosenos ir padėtų didinti susidomėjimą formavimo paslaugomis.

DUK

Svarstote kurti panašią sistemą? Perskaitykite toliau pateiktus atsakymus ir sužinokite, kaip tarpusavyje dera pagrindiniai produkto sprendimai.

Reikia kažko panašaus? Pasikalbėkime
Arba peržiūrėkite daugiau projektų