Skip to content
LocalMedia Tools

איך עיבוד מדיה בדפדפן באמת עובד

במשך שנים, עריכת וידאו או המרת תמונה אונליין פירושן היה להעלות את הקובץ לשרת של מישהו אחר, לחכות ולהוריד את התוצאה. דפדפנים מודרניים כבר לא דורשים את הפשרה הזאת. הודות לשכבה של ממשקי ווב שהבשילו, דף אינטרנט יכול היום לפענח, להמיר ולקודד מחדש מדיה ישירות אצלכם במכשיר, אותו מחשב שקורא עכשיו את הדף הזה. המדריך הזה מסביר בשפה פשוטה את הטכנולוגיות שמאפשרות את זה, ואיך אתם יכולים לוודא בעצמכם שהקבצים שלכם נשארים אצלכם.

מה בעצם פירוש "עיבוד מדיה בדפדפן"?

כשאתר מעבד מדיה בדפדפן, העבודה רצה בתוך אותו מנוע מבודד שמרנדר את הדף, בעזרת ממשקים שכבר מגיעים עם הדפדפן שלכם. הקובץ שלכם נקרא מהדיסק אל הזיכרון אצלכם במכשיר, עובר שם המרה ונכתב בחזרה כהורדה, בלי נסיעה לשרת עבור הקובץ עצמו. הדף עדיין טוען את הקוד ואת הנכסים שלו דרך הרשת, אבל הווידאו, האודיו, התמונה או ה-PDF שלכם לא יוצאים מהמחשב שלכם.

איך WebAssembly מריץ קודקים לווידאו במהירות קרובה למקורית?

WebAssembly (WASM) הוא פורמט הוראות בינארי וקומפקטי שדפדפנים מריצים במהירות קרובה למקורית. ספריות בשלות שנכתבו ב-C או ב-C++‏, כמו FFmpeg לווידאו או מקודד תמונות, מהודרות ל-WASM ונשלחות כמודול שהדף מוריד פעם אחת. לזה מתכוונים כשמדברים על וידאו WASM בצד הלקוח: אותם חישובי פענוח וקידוד שאפליקציית מחשב מבצעת, רק שהם רצים בתוך ארגז החול של הדפדפן, על המעבד שלכם. מכיוון ש-WASM בטוח מבחינת זיכרון ומבודד, הוא יכול לטחון קובץ גדול בלי לקבל גישה לשאר המערכת שלכם.

מה זה WebCodecs, ולמה הם יכולים להיות מהירים מ-WASM לבדו?

WebCodecs הוא ממשק דפדפן חדש יחסית שחושף ל-JavaScript את הקודקים לאודיו ולווידאו שכבר מובנים במכשיר, ולעיתים קרובות מואצים בחומרה. במקום לשלוח קודק כ-WASM‏, הדף מעביר פריימים גולמיים למקודד או למפענח שמערכת ההפעלה כבר מספקת, וזה יכול להיות מהיר בהרבה וחסכוני יותר בסוללה. התמיכה עדיין משתנה בין דפדפנים ובין פורמטים, ולכן כלים בנויים היטב משתמשים ב-WebCodecs כשהוא זמין, ונופלים חזרה לגרסת WASM אחרת. כך או כך, המדיה עצמה נשארת אצלכם במכשיר.

איך Canvas API ורינדור של PDF מטפלים בתמונות?

Canvas API נותן ל-JavaScript משטח פיקסלים שאפשר לצייר עליו. כדי לשנות גודל, לחתוך, לסובב, להוסיף סימן מים או להמיר תמונה, הכלי מצייר אותה על קנבס מחוץ למסך, מטפל בפיקסלים וקורא את התוצאה בחזרה כקובץ JPG‏, PNG או WebP חדש. אותו משטח בדיוק הוא הדרך שבה עמודי PDF מרוסטרים לתמונות ושבה פריים בודד מווידאו נלכד כתמונת סטילס. הכול חישובי פיקסלים ישירים אצלכם במכשיר, בלי שום העלאה.

איך Web Audio API מעבד צליל מקומית?

Web Audio API הוא גרף של צמתי אודיו מחוברים, כמו מקורות, מסננים, עוצמה ומנתחים, שמאפשר לדף לפענח, לגזור, לדגום מחדש ולקודד מחדש צליל בזיכרון. גזירת קטע או חילוץ פס הקול מתוך וידאו רצים כולם דרך הגרף הזה, אצלכם במכשיר. בשילוב עם מקודד WASM‏, אפשר לכתוב החוצה MP3‏, WAV או פורמטים אחרים בלי שההקלטה שלכם תיגע אי פעם בשרת.

מה MediaRecorder ו-Web Workers מוסיפים?

MediaRecorder לוכד שידור חי, כמו המסך, המצלמה או המיקרופון שלכם, ומקודד אותו תוך כדי ההקלטה לקובץ שאפשר להוריד. בדיוק כך עובד מקליט מסך שרץ בדפדפן. Web Workers מריצים את העבודה הכבדה על תהליכון רקע, כך שהקידוד או ההמרה לא מקפיאים את הדף, והלשונית נשארת מגיבה בזמן שייצוא ארוך מסתיים. יחד, הממשקים האלה מאפשרים לדפדפן להתנהג כמו תחנת עבודה קטנה ומקומית למדיה.

איך אפשר להוכיח שהקבצים שלי לא יוצאים מהמכשיר?

פתחו את כלי הפיתוח של הדפדפן, עברו ללשונית Network ועבדו על קובץ. תראו את הקוד ואת הנכסים של הדף עצמו נטענים, אבל לא תראו שום בקשה שמעלה את המדיה שלכם. החריג המכוון היחיד הוא כלי תמלול האודיו, שמוריד פעם אחת מודל לזיהוי דיבור בשימוש הראשון ושומר אותו במטמון, כך שתמלולים מאוחרים יותר יכולים לרוץ גם בלי חיבור לאינטרנט. ההורדה הזאת היא מודל ה-AI עצמו, אף פעם לא האודיו שלכם. זו טענה שניתנת להפרכה ואתם יכולים לבדוק אותה בעצמכם, ובדיוק בגלל זה כלים שמעמידים את הפרטיות במקום הראשון בנויים כך.

כלים קשורים

שאלות נפוצות

האם עיבוד בדפדפן אומר שהקבצים שלי לא מועלים לעולם?
כן. קובצי המדיה שלכם נקראים ועוברים המרה בזיכרון אצלכם במכשיר ומוצעים בחזרה כהורדה, ולכן הם לא נשלחים לשום שרת. הדף עצמו עדיין טוען את הקוד והנכסים שלו דרך הרשת, וזה נורמלי בכל אתר. ההבחנה היא שהקובץ שלכם אינו חלק מהתעבורה הזאת. אפשר לאשש זאת בלשונית Network בכלי הפיתוח של הדפדפן.
האם וידאו WASM בצד הלקוח טוב כמו אפליקציית מחשב?
לרוב ההמרות, הדחיסות והגזירות הוא משתמש באותן ספריות בסיס (כמו FFmpeg) שאפליקציות מחשב נשענות עליהן, ולכן איכות הפלט דומה. ההבדלים העיקריים הם מהירות וזיכרון: ללשונית דפדפן יש פחות מרווח נשימה מאשר לאפליקציה מקורית, ולכן קבצים גדולים או ארוכים במיוחד מעובדים לאט יותר. כלים שתומכים גם ב-WebCodecs יכולים להיעזר בהאצת חומרה ולסגור חלק ניכר מהפער.
למה כלי תמלול האודיו צריך להוריד משהו?
זיהוי דיבור דורש מודל AI‏, והמודל הזה יורד פעם אחת לדפדפן שלכם בשימוש הראשון ואז נשמר במטמון. מכאן ואילך התמלול רץ מקומית ויכול לעבוד גם בלי חיבור לאינטרנט. ההורדה היא המשקולות של המודל. הקלטות האודיו שלכם עדיין לא מועלות לעולם.
האם הכלים האלה עובדים בלי חיבור לאינטרנט?
אחרי שהדף וכל מודול נחוץ נטענו, רוב העיבוד רץ בלי חיבור לאינטרנט, כי החישוב מתבצע אצלכם במכשיר. כלי תמלול האודיו עובד בלי חיבור לאינטרנט לאחר הורדת המודל שלו ושמירתו במטמון. ביקור חדש או מטמון שנוקה יזדקקו שוב לרשת כדי לטעון את נכסי הדף.
האם הדפדפן שלי חזק מספיק לקובצי מדיה גדולים?
דפדפנים מודרניים מסוגלים לטפל בקבצים גדולים באופן מפתיע, אבל הם פועלים בתוך מגבלות זיכרון, ולכן סרטונים גדולים במיוחד עשויים להתעבד לאט או להצריך פיצול. שימוש בדפדפן במחשב עם יותר RAM‏, סגירת לשוניות כבדות אחרות והעדפת כלים שמשתמשים ב-WebCodecs, כל אלה עוזרים. אם קובץ גדול מדי למעבר אחד, גזירה שלו מראש היא פתרון מעשי.