Logo

Met Babel Fish AI heb ik al eens een Chrome-extensie gepresenteerd die in staat is om spraak om te zetten in tekst via de Whisper API van OpenAI, en daarnaast ook realtime te vertalen. Vandaag kom ik terug met een reeks nieuwe functies en talrijke verbeteringen: van het contextmenu tot de auto-copy van de getranscribeerde tekst, via de automatische herformulering (nu activeerbaar via een knop in de balk); dit artikel geeft een overzicht van de evoluties sinds de allereerste versie.

1. Presentatie: Wat verandert er?

Babel Fish AI blijft zijn missie nastreven: u in staat stellen om uw teksten te transcriberen, vertalen en herformuleren in een browser, heel eenvoudig. Hier zijn enkele van de belangrijkste vernieuwingen sinds het laatste artikel:

  • Krachtig contextmenu:
    Klik met de rechtermuisknop op een geselecteerde tekst om deze te herformuleren (rephrase) of te vertalen naar de taal van uw keuze. De originele tekst wordt direct vervangen door de nieuwe versie.

  • Onmiddellijke controle vanuit de balk:
    U hoeft niet meer in de opties te gaan om de herformulering of vertaling aan/uit te zetten! De knoppen in de balk (bovenaan het scherm tijdens de transcriptie) laten u uw voorkeuren live aanpassen, afhankelijk van wat u met uw transcriptie of tekst wilt doen.

  • Intelligente auto-copy functie:
    Activeer de optie Automatic copy to clipboard om de tekst automatisch te kopiëren wanneer het dialoogvenster wordt weergegeven en als er geen invoerveld in focus is.

  • Verbeteringen van de interface:

    • Beter geïntegreerde kopieerknop.
    • Mogelijkheid om het dialoogvenster geopend te houden of om een vertraging in te stellen voordat het automatisch sluit.
    • Modernere animaties en stijl (afgeronde hoeken, schaduwen, enz.).

  • Diverse optimalisaties:

    • Controle van de verbinding (navigator.onLine) voor elke oproep om offline fouten te voorkomen.
    • Betere foutafhandeling en duidelijkere berichten (ontbrekende API-sleutel, inactief netwerk, enz.).
    • Meer modulaire code (toegewezen bestanden voor talen, de banner, de UI, enz.).

2. De Video’s: 15 Talen, 15 Demonstraties

Hier is de lijst met video’s, waarbij elke video de spraaktranscriptie, de realtime vertaling en de herformulering toont.

  1. Frans (FR) : https://youtu.be/7iLJ_MPQ33k
  2. Engels (EN) : https://youtu.be/ie7vR_9IJCw
  3. Japans (JA) : https://youtu.be/bjoGWvSyQPo
  4. Koreaans (KO) : https://youtu.be/e4E5K4il6t8
  5. Chinees (ZH) : https://youtu.be/mdxffjYetJs
  6. Spaans (ES) : https://youtu.be/pXvQBsjKHLk
  7. Duits (DE) : https://youtu.be/FdjPCvDEYXc
  8. Pools (PL) : https://youtu.be/ckkgQ1wtYok
  9. Italiaans (IT) : https://youtu.be/1XTbqCksu2s
  10. Portugees (PT) : https://youtu.be/s6BcKsTdUdg
  11. Nederlands (NL) : https://youtu.be/8jMHRjzNM2k
  12. Hindi (HI) : https://youtu.be/VFuh-qrAFKU
  13. Arabisch (AR) : https://youtu.be/pMbzVmCudDQ
  14. Roemeens (RO) : https://youtu.be/FmQgv3Ezu0s
  15. Zweeds (SV) : https://youtu.be/1hHPh6cYOkY

Ontdek hoe Babel Fish AI communicatie in uw favoriete taal vereenvoudigt!

3. Overzicht van de Nieuwste Versies

Hier volgt een kort overzicht van de belangrijke wijzigingen sinds versie 1.1.0:

3.1. Contextmenu (v1.1.12)

  • Rechtermuisklik op geselecteerde tekst:
    • Rephrase Selection om direct te herformuleren.
    • Translate Selection om de geselecteerde tekst te vertalen naar elke ondersteunde taal.
  • Verbeterd dialoogvenster:
    • Visuele timer, knop “Keep Open”, gemoderniseerde stijl, geïntegreerde kopieerknop.

3.2. Auto-copy en Focusbeheer (v1.1.14 → v1.1.15)

  • Optie “Automatic copy to clipboard”:
    • Kopieert de tekst alleen als het dialoogvenster verschijnt en er geen invoerveld in focus is.
  • Verbeterde detectie:
    • Voorkomt overbelasting van het klembord wanneer de tekst al in een veld is ingevoegd.
  • Behoud van focus en cursor:
    • U verliest uw positie in de tekst niet bij interacties met de banner of knoppen.

3.3. Verbeteringen in UI en UX (v1.1.13)

  • Knoppen verplaatst naar de bovenkant van het dialoogvenster voor betere toegankelijkheid.
  • Compactere interface (verminderde afstand, aangepaste marges).
  • Betere timerwerking (visuele teller, optie “Keep Open”).

3.4. Diverse Optimalisaties en Correcties

  • Refactoring van de code: meer modulair (gescheiden bestanden voor talen, de banner, de API-aanroepen, enz.).
  • Betrouwbaardere verbindingen: controle op offline status om onnodige API-aanroepen te voorkomen.
  • Duidelijkere foutmeldingen: gedetailleerde instructies ter oplossing van problemen (ongeldige API-sleutel, enz.).
  • Verbeteringen in veiligheid: window.clearTimeout, veiligere injectie, enz.

4. Implementatie van Codeanalyse Tools

Parallel aan de met AI ondersteunde ontwikkeling via Roo Code (ik maak voornamelijk gebruik van de gemini-2.0-pro-exp-02-05, gemini-2.0-flash-thinking-exp-01-21 modellen van Google, die momenteel gratis zijn en Claude Sonnet 3.7 van Anthropic), heb ik verschillende statische analysetools geïntegreerd om de kwaliteit en veiligheid van de gegenereerde code te garanderen:

  • SonarCloud
  • CodeFactor
  • Codacy
  • DeepSource

Bij elke pull request op GitHub analyseren deze diensten de code en melden ze onmiddellijk kwetsbaarheden, technische schulden of slechte praktijken. De feedback verschijnt direct in de GitHub-interface, waardoor het mogelijk is om snel te corrigeren voordat er in de hoofdbranch wordt gefuseerd. Op deze manier, zelfs als de AI grote blokken code produceert, fungeren deze analyzers als veiligheidsnet om een schone en veilige code behouden.

5. Bijgewerkte Technische Architectuur

Sinds mijn vorige artikel is de structuur van de extensie licht geëvolueerd. De kernpunten:

  • manifest.json (MV3): beheert de permissies (activeTab, scripting, contextMenus, enz.) en de dynamische injectie.
  • background.js: Service worker die reageert op klikken op het icoon, sneltoetsen en die content.js injecteert.
  • content.js: Speelt een centrale rol voor audio (MediaRecorder) en de oproepen naar de API’s (Whisper, GPT) via gespecialiseerde modules.
  • Contextmenu: gemaakt door background.js, toegepast door content.js.
  • i18n.js en languages-shared.js: centralisatie van de vertalingsgegevens.

6. Zin om te Testen?

7. Conclusie

Met deze updates wordt Babel Fish AI nog veelzijdiger, gebruiksvriendelijker en intelligenter. Dankzij het contextmenu, de knoppen voor herformulering/vertaling die direct in de balk toegankelijk zijn, het auto-copy systeem en een versterkte codeanalyse is de gebruikerservaring aanzienlijk verbeterd.

Aarzel niet om de demovideo’s te bekijken. Bedankt voor uw betrokkenheid en veel succes met uw projecten voor transcriptie en vertaling!

Dit document is vertaald van de versie fr naar de taal nl met behulp van het model o3-mini. Voor meer informatie over het vertaalproces, raadpleeg https://gitlab.com/jls42/ai-powered-markdown-translator