voiceit
אפליקציית web סטטית שמקריאה טקסט בעברית בקול. מדביקים טקסט, לוחצים הפעלה, ומקשיבים.
דמו חי: https://ronmailx-boop.github.io/voiceit/
פיצ'רים
- הדבקה והקראה - מדביקים טקסט בעברית בתיבה ולוחצים על כפתור ההפעלה כדי לשמוע אותו מוקרא, באמצעות Web Speech API המובנה בדפדפן (
he-IL).
- השהיה / המשך - עוצרים באמצע משפט וממשיכים מאותה נקודה. מומש באמצעות ביטול (cancel) והתחלת הקראה מחדש מהמיקום האחרון הידוע, במקום
pause()/resume() המובנים של הדפדפן, שאינם אמינים בין דפדפנים שונים.
- הדגשת מילה-מילה - המילה שמוקראת כרגע מודגשת בסנכרון עם הקול. משתמש באירועי
onboundary אמיתיים כשהדפדפן/הקול תומכים בכך, עם נפילה חזרה (fallback) להדגשה משוערת מבוססת טיימר כשאין תמיכה כזו.
- בקרת קול ומהירות - בחירה מבין קולות עברית מותקנים והתאמת מהירות הדיבור.
- ניתנת להתקנה (PWA) - ניתן להוסיף למסך הבית / להתקין כאפליקציה דרך הצעת ההתקנה של הדפדפן.
טכנולוגיה
HTML, CSS ו-JavaScript רגילים - בלי שלב build, בלי framework, בלי תלויות npm. עיצוב באמצעות Tailwind CSS (נטען מ-CDN). ההקראה מתבצעת כולה בצד הלקוח באמצעות Web Speech API של הדפדפן.
קבצים
| קובץ | תפקיד |
|---|
index.html | האפליקציה עצמה - ממשק, עיצוב וכל הלוגיקה |
voiceit-manifest.json | מניפסט PWA (שם, אייקונים, התנהגות התקנה) |
sw.js | Service worker (נדרש לצורך יכולת ההתקנה) |
voiceit-icon.png | אייקון האפליקציה / פביקון |
הרצה מקומית
פשוט פותחים את index.html ישירות בדפדפן, או מריצים שרת קבצים סטטי כלשהו בתיקייה, למשל:
python3 -m http.server
מגבלות ידועות
- זמינות ואיכות קולות העברית משתנות בין דפדפנים ומערכות הפעלה.
- הדגשת המילים מדויקת כשהדפדפן משדר אירועי
onboundary, אך משוערת בלבד (מבוססת טיימר) בדפדפנים/קולות שלא תומכים בכך.
