ככל ששירותי סטרימינג נוספים עוברים לאינטרנט, כנראה שאתה צופה בסרטים ובסדרות הטלוויזיה האהובות עליך בדפדפן. אם אתה משתמש ב-Netflix או ב-HBO GO, הגישה לקבצי כתוביות (CC) או VTT/SRT היא פשוטה. עם זאת, הרבה שירותים חינמיים אינם מציעים CC כברירת מחדל וגם אם הוא זמין, רוב הסיכויים שהשפה אינה אנגלית.
זו הסיבה שאתה צריך לפנות לטעינת SRT/VTT מ-URL. עבור אלה שמעולם לא עשו זאת בעבר, השיטה עשויה להיראות מהממת מכיוון שהיא כוללת GitHub Gist, Google DevTools וקידוד בסיסי. אבל אם תבצע את השלבים ל-T, לא אמורות להיות לך בעיות בטעינת הקבצים הנתונים.
כיצד לטעון SRT/VTT מ-URL
שלב 1
ראשית, עליך להוריד ולהתקין את Visual Studio Code ולקבל את קובץ הכתוביות/SRT עבור הסרט/הסדרה שתרצה לצפות. ואל דאגה לא יהיה שום קידוד רציני, רק כמה העתקה והדבקה פשוטה.
שלב 2
הפעל את Visual Studio Code והזן את השורות הבאות:
1 var thisWidth = jwplayer('media-player').getWidth();
2 var thisHeight = jwplayer('media-player').getHeight();
3
4 var suck = jwplayer('media-player')[0].allSources;
5 jwplayer('media-player').setup({
6 "פלייליסט":[{"sources": suck, "tracks": [{"file":"", "label":"אנגלית", "kind": "captions", "default": true}]} ]
7 "רוחב": רוחב זה,
8 "גובה": גובה זה
9 });
הערה: המספרים מייצגים את שורות הקוד. הם צצים כברירת מחדל ברגע שמתחילים להעתיק ולהדביק ואינם חלק מהקוד. הקפד לא לפספס שום דבר או שהטריק לא יעבוד.
שלב 3
עם החלק הקשה מהדרך, עכשיו זה הזמן ליצור את כתובת ה-CC שלך. הפעל את //gist.github.com, תפוס את קובץ הכתוביות ושחרר אותו לחלון הראשי של Gist Github.
תראה שני חלונות נפרדים, גלול למעלה ומחק את הראשון על ידי לחיצה על סמל פח האשפה. החלון שיש בו "subtitles.srt" בתיבת הטקסט אמור להישאר. גלול לתחתית העמוד ולחץ על כפתור "צור תמצית ציבורית", זה הופך את הכתוביות שלך לקוד עם חותמת זמן.
לבסוף, לחץ על כפתור RAW בפינה השמאלית העליונה של חלון Gist כדי לקבל את הקוד בכתובת URL.
הערה חשובה: אל תסגור אף חלונות, Visual Studio Code או רכזת Gist Git כי תצטרך אותם עבור שלבים אחרים.
שלב 4
בשלב זה, אתה יכול ללכת לסרט או לסדרה המקוונת שתרצה לצפות בכרום. למטרות הכתבה הזו, השתמשנו ב-123Movies ובדקנו אותו בסרט חיות הלילה. בכל מקרה, הטריק אמור לעבוד עבור פלטפורמות וסרטונים אחרים כל עוד הם תומכים ב-JW Player עבור HTML5.
כדי להתקדם, לחץ לחיצה ימנית על נקודה ריקה בתוך הדפדפן (כשהסרט פועל) ובחר בדוק. זה מעלה את DevTools ואתה צריך ללחוץ על הכרטיסייה Console.
פריסת DevTools עשויה להיראות מעט שונה בדפדפן שלך, אך הפונקציות והיעדים זהים.
שלב 5
חזור לחלון Visual Studio Code והעתק, ולאחר מכן הדבק, את הקוד לתוך DevTools Console. (הזנת את הקוד בשלב 2.)
לאחר מכן, עבור לחלון Gist Github והעתק את כתובת האתר של הכתוביות. ליתר דיוק, בחר הכל בשורת הכתובת והקש על המקשים cmd או Ctrl + C במקלדת שלך. כעת, עליך להדביק את כתובת האתר במיקום המדויק בתוך הקוד, זו שורה 6 כפי שמוצג להלן.
"פלייליסט":[{"sources": suck, "tracks": [{"file":"", "label":"אנגלית", "kind": "captions", "default": true}]}]
היעד הוא סוגריים ריק “” ליד[{"קוֹבֶץ": וכל כתובת האתר נכנסת לסוגריים. שימו לב, השלב הזה הוא קריטי ואסור לכם לפספס את המקום או שהוא לא יעבוד.
שלב 6
לאישור השינויים, לחץ לצד השורה האחרונה (9 });) בתוך Console, הסמן שלך צריך להיות ממש מאחורי נקודה-פסיק. לאחר מכן לחץ על Enter ושורת קוד נוספת אמורה להופיע אוטומטית כדי לאשר שעשית הכל כהלכה.
שלב 7
לחץ על סמל ה-X כדי לצאת מ-DevTools ואתה יכול גם לסגור את Gist Github ו-Visual Studio Code מכיוון שלא תזדקק להם יותר. לחץ על כפתור ההפעלה ולאחר מכן CC כדי לטעון את הכתוביות לסרט/סדרה. אתה אמור לראות אותם מיד בנגן.
כמה מילות חוכמה
חיסרון אחד של שיטה זו הוא נושא הכתוביות המוטבעות. הרבה סרטים וסדרות מקוונים בשירותי סטרימינג מחוץ למותג מגיעים עם כתוביות מובנות שלא ניתן לכבות. מיותר לציין שצפייה בסרטונים האהובים עליכם עם שני סטים של CC מסיח את הדעת, בלשון המעטה.
דבר נוסף שאתה צריך לקחת בחשבון הוא קצב הפריימים ב-CC. תקן הווידאו הכללי הוא 30 פריימים לשנייה, אבל אז להרבה סרטים מקוונים יש את זה בסביבות 24 פריימים לשנייה. זה אומר שאולי תצטרך לבדוק כמה קבצי SRT כדי לקבוע איזה מהם עובד הכי טוב.
כישורי פריצה בסיסיים בשפע
האמת, החלק הקשה היחיד הוא להשיג את הקוד בתוך Visual Studio Code מבלי לעשות טעויות. ואז אתה גם צריך למסמר את המקום עבור כתובת ה-SRT ב-DevTools Console. שיטה זו אמורה לעבוד גם עם קבצי VTT ואם לא יש אפליקציות שיכולות להמיר VTT ל-SRT.
כך או כך, האם השיטה הזו עבדה עבורך? באילו אתרי סטרימינג השתמשת בו? ספר לנו הכל על החוויה שלך בקטע ההערות למטה.