Tento článok popisuje ďalší modul pre podporu umelej inteligencie v prostredí textového editora TinyMCE, tentokrát rozpoznávanie a analýzu obrázkov. Predošlé články o vlastných AI moduloch TinyMCE sú nižšie.
https://www.dkubinsky.sk/clanok/tinymce-integracia-umelej-inteligencie
AI Vision
AI Vision je známa technológia, ktorá pomocou algoritmov dokáže rozpoznať obrázok, analyzovať ho a následne ho pochopiť a popísať. Vďaka tomuto nástroju teda môžete komunikovať s umelou inteligenciou o zvolenom obrazovom súbore, ktorý AI chápe a vie preto priniesť relevantné odpovede
Samozrejme v súčasnej dobe existujú viaceré dostupné on-line služby, ktoré dokážu obrázok analyzovať prostredníctvom umelej inteligencie. Pokiaľ však pracujete na vlastných projektoch, je zdĺhavé a otravné neustále pracovať ešte s ďalšou aplikáciou. Do nej musíte obrázok nahrať, dať si vytvoriť textovú odpoveď na požadovaný prompt a tú skopírovať do svojho projektu. Následne môžete naraziť na problém, že pri kopírovaní obsahu sa kopíruje aj formátovanie textu, čo vám môže narušiť celý koncept.
Práve toto všetko vyrieši vlastný modul AI Vision integrovateľný do obľúbeného a rozšíreného editora TinyMCE. Jeho pridanie je vcelku jednoduché, nasleduje ukážka kódu:
toolbar: 'undo redo | bold italic underline strikethrough | image | ai_vision',
external_plugins: {
ai_vision:"/plugins/ai_vision.js",
},
ai_vision: {
apiKey: ""<API KEY>",
baseurl: "https://domena.sk/",
prompts: [
{ text: '', value: '' },
{ text: 'Čo je na tomto obrázku?', value: 'čo je na tomto obrázku?' },
{ text: 'Prečítaj text na tejto fotografii', value: 'prečítaj text na fotografii' },
{ text: 'Popíš, čo sa deje na tomto obrázku', value: 'popíš, čo sa deje na tomto obrázku' },
{ text: 'Aké sú emócie ľudí na tomto obrázku?', value: 'aké sú emócie ľudí na tomto obrázku?' },
{ text: 'Vhodnosť obrázku', items: [
{ text: 'Je tento obrázok vhodný pre deti?', value: 'je tento obrázok vhodný pre deti?' },
{ text: 'Je tento obrázok vhodný pre ženy?', value: 'je tento obrázok vhodný pre ženy?' },
{ text: 'Je tento obrázok vhodný pre muža?', value: 'je tento obrázok vhodný pre muža?' },
{ text: 'Je tento obrázok vhodný pre seniorov?', value: 'je tento obrázok vhodný pre seniorov?' }
]}
]
},
Ukažka TinyMCE pluginu
Ukažka integrácie do TinyMCE
Ako vidíme integrácia je nenáročná a stačí zadefinovať len OpenAI API kľúč. Ten získame na https://openai.com/blog/openai-api
Aj samotné používanie modulu je jednoduché. Je potrebné vybrať obrázok pre analýzu z knižnice obrázkov prostredníctvom súborového manažéra (File Manager). Podporované formáty sú: PNG (.png), JPEG (.jpeg and .jpg), WebP (.webp) a GIF (.gif) bez animácie. Obrázok by nemal byť väčší ako 20 MB.
V druhom kroku si zvolím textový pokyn (prompt) pre umelú inteligenciu, teda čo s obrázkom chceme robiť. Tieto preddefinované pokyny je možné nastaviť priamo v časti kódu pre integráciu modulu, ktorej ukážka je vyššie.
Systém prirodzene umožňuje napísať si aj vlastný textový pokyn, čo s daným obrázkom chceme robiť.
Výhody AI Vision v TinyMCE
Rýchla analýza obrazových vstupov umelou inteligenciou
Zrýchlenie práce. Nie je potrebné obrázky prácne popisovať a vymýšľať ich opis
Podpora marketingu a efektivity práce
Ušetrený čas a zvýšenie kreativity pri tvorbe obsahu
Zjednodušenie práce, vynechanie prácneho kopírovania a nastavovanie formátovania, ak používame AI Vision tretej strany
V podstate toto riešenie má len výhody, nakoľko stále mám možnosť v editore písať ľubovoľný text a obrázky si opisovať manuálne. Ako bolo spomenuté aj pri zvyšných dvoch modulov pre podporu AI v TinyMCE, ani AI Vision nie je na ďalšie používanie úplne bezplatné. Aktuálny cenník nájdete na https://openai.com/pricing. Ako vidíme, jedná sa o centové záležitosti, čo určite stojí za to množstvo ušetreného času. Platíte len za to, čo skutočne využijete.
Ukážka pluginu AI Vision pre TinyMCE
Lepšie raz vidieť, ako 100x čítať/počuť. Pozrite si preto ukážku, akým spôsobom plugin pracuje a aké možnosti poskytuje. Vo videu je aj čiastočná ukážka práce s pluginom pre generovanie a editáciu textu s podporou ChatGPT.
Ukažka AI Vision
Pokiaľ by vás tento plugin zaujal a mali by ste o neho záujem, prípadne chcete nejaké ďalšie informácie, kontaktujte ma. Tento modul je aj súčasťou redakčného systému Redcon. Viac informácií nájdete napríklad v článku: Redakčný systém na web s podporou umelej inteligencie
Pridať komentár k článku