SlideShare ist ein Scribd-Unternehmen logo
1 von 2
Downloaden Sie, um offline zu lesen
‫פתרונות וידאו מבוססי 5‪HTML‬‬
  ‫בראשית (סוף שנות ה09 ותחילת העשור הקודם) היה תוהו ובוהו ומגוון רחב של פורמטי ונגנים וידאו היו קיימים‬
 ‫כולל ‪ Windows Media Player, QuickTime‬ו – ‪ .Real‬ב-3002 יצא לראשונה נגן הוידאו של פלאש והפך במהירות‬
                                                                                   ‫לנגן הוידאו הסטנדרטי.‬

   ‫מצב זה של שוק מאוחד המשתמש בטכנולוגיה יחידה היה נח מאד למפיצי מדיה, מפתחי אתרים ולמשתמשים.‬
                                         ‫הפרגמנטציה של שוק הוידאו נגרמה כתוצאה ממספר תהליכים:‬

                                                       ‫1. אפל הודיעה שלא תתמוך בפלאש במוצריה.‬

                                                 ‫2. עלייה במיכה ובתפוצה של דפדפנים תומכי 5‪HTML‬‬

‫3. סיבוכיות ועלויות גבוהות לתמיכה בהאצת פריסת וידאו בחומרה במכשירי מובייל (בעיקר אנדרואיד) רבים‬

   ‫סיבות אלו, גרמו לאדובה להודיע שהיא נוטשת את פיתוח הפלאש למובייל וגרמו לאתרים ומפיצי תכנים לחפש‬
                                                                                ‫פתרונות חלופיים.‬

     ‫אין היום פתרון יחיד המחליף את כל יכולות הוידאו של הפלאש, לפיכך, נסקור קודם כל את סוגי הפתרונות‬
                                                                          ‫העיקריים שמספק הפלאש:‬

                                         ‫ניגון קבצים – ‪ Progressive Download‬בדומה ל- ‪YouTube‬‬       ‫1.‬

  ‫ניגון שידורי‪ Live‬או ‪ VoD‬לפעמים תוך תמיכה אוטומטית במספר מהירויות הורדה (‪)Adaptive Bitrate‬‬        ‫2.‬

                                                      ‫תמיכה בועידת וידאו (‪)Video Conferencing‬‬      ‫3.‬

   ‫תכונות ניגון הקבצים כבר נסקרו בהרחבה במאמרים שונים, היא נתמכת בצורה זו או אחרת ע"י כל גרסאות‬
 ‫הדפדפנים בשוק כולל על מכשירי מובייל. הבעיה היחידה שנותרה היא הפרגמנטציה בתוך סטנדרט ה- 5‪HTML‬‬
                    ‫וידאו בין גרסאות המדיה השונות: ה-462‪ h‬הנתמכת ע"י אפל וה-8‪ VP‬הנתמכת ע"י גוגל.‬

‫הנושא של ועידות וידאו הוא משני ויפתר כנראה על-ידי ה- ‪ WebRTC‬של גוגל שנמצא בתהליך הפיכה לסטנדרט.‬
                                                    ‫לפיכך נתמקד בנושא שידורי ה-‪ Live‬או ה- ‪.VOD‬‬

 ‫הפתרונות לשוק זה מחולקים ע"פ הפרוטוקולים והמוצרים של היצרנים השונים (מייקרוסופט, אפל, אדובה) אך‬
 ‫נראה כי פתרון מאחד, ה -‪ DASH‬כבר התקבל על מרבית היצרנים. כל הפתרונות הנסקרים, פועלים לפי מספר‬
                                                                                ‫עקרונות משותפים:‬

‫שרת ‪ stateless‬פשוט שאינו "זוכר" את מצב הלקוח (‪ )pause, play, stop‬ויכול להיות מיושם בקלות על‬        ‫1.‬
                                                         ‫גבי כל שרת ‪ HTTP‬פשוט כמו ‪.Apache‬‬

     ‫שידורי קטעי מדיה ארוזים מעל ‪ HTTP‬כאשר הלקוח שולח בקשה נפרדת מהשרת לכל קטע מדיה‬                ‫2.‬
                                               ‫(סגמנט) באורך של שתיים עד עשר שניות‬

           ‫שימוש בסגמנט ה "עומד בפני עצמו", כלומר מכיל את כל האינפורמציה הדרושה לפתיחת:‬            ‫3.‬

                                                                  ‫מתחיל בתחילת ‪GOP‬‬         ‫◦‬
‫מכיל את האינפורמציה על סוגי המדיה והטרקים הקיימים בו (‪ PAT‬ו-‪ PMT‬ב-‪ MP2TS‬או‬        ‫◦‬
                                                     ‫האטומים המקבילים ב- ‪)MP4FF‬‬

 ‫שימוש בקובץ אינדקס המכיל מידע על שמות הסגמנטים (קבצים) אורכיהם ורוחב הפס אליו הם שייכים‬        ‫4.‬
                                 ‫ולעיתים כתלות בסוג הפרוטוקול, גם על סוג המדיה, רזולוציה ועוד‬

                                                                         ‫הפרוטוקולים הקיימים כיום הם:‬

  ‫‪ – Apple HLS‬פתרון ה–‪ HTTP Streaming‬של אפל, פתרון זה הוא הנפוץ ביותר ונתמך ע"י מכשירי אפל‬       ‫1.‬
    ‫וכן ע"י דפדפ ן ספארי ובצורה מוגבלת ע"י חלק ממכשירי האנדרואיד. פתרון זה צפוי להמשיך להתמך‬
                                                  ‫והוא אף נכלל כפרופיל בפתרון ה -‪ DASH‬העתידי‬

 ‫‪ – Microsoft Smooth Streaming‬הפתרון של מיקרוסופט, עובד רק ב-‪ windows‬ומבוסס על ‪MP4 File‬‬          ‫2.‬
                             ‫‪ .Format‬מייקרוסופט הודיע שתתמוך בעתיד בפרוטוקול ה – ‪.DASH‬‬

 ‫‪ – HDS - Adobe HTTP Streaming‬פתרון של אדובה, מבוסס גם הוא על ‪ .MP4 FF‬כמו מייקרוסופט, גם‬         ‫3.‬
                      ‫אדובה הודיע שתתמוך בעתיד ב – ‪ DASH‬ולכן לא צפוי המשך תמיכה ל – ‪.HDS‬‬

      ‫עוד על הפרוטוקולים האלו במצגת הבאה: ‪http://www.slideshare.net/DSPIP/video-delivery-methods‬‬

‫פתרון ה-‪ DASH‬עדיין רחוק מתמיכה ברוב הפלטפורמות ולכן הפתרון המקובל ביותר הוא ‪ ,HLS‬פרוטוקול זה נתמך‬
                         ‫ע"י ‪ iPhone‬ו – ‪ iPAD‬וכן ע"י ספארי אך רחוק מלכסות את כל הדפדפנים והמכשירים.‬

‫אחד הפתרונות המעניינים ביותר לתמיכה ב- ‪ HLS‬בדפדפנים על ‪ PC‬דווקא שימוש בפלגין של הפלש לצורך פריסה‬
         ‫מואצת חומרה של הוידאו. מספר רב של פתרונות מסחריים וקוד פתוח מאפשרים פעולה זאת לדוגמא‬
                                                                           ‫‪http://osmfhls.kutu.ru‬‬

  ‫עבור מכשירי האנדרואיד ניתן להשתמש באפליקציית נגן חיצוני כמו ‪ Bsplayer‬או ע"י אינטגרציית קוד ‪FFMPEG‬‬
                                                                           ‫לאנדרואיד התומך ב - ‪HLS‬‬

Weitere ähnliche Inhalte

Andere mochten auch

IPTV and VoIP Trends
IPTV and VoIP Trends IPTV and VoIP Trends
IPTV and VoIP Trends Yoss Cohen
 
Voice coding trends
Voice coding trendsVoice coding trends
Voice coding trendsYoss Cohen
 
Video quality testing
Video quality testingVideo quality testing
Video quality testingYoss Cohen
 
Apple's live http streaming
Apple's live http streamingApple's live http streaming
Apple's live http streamingYoss Cohen
 
FEC & File Multicast
FEC & File MulticastFEC & File Multicast
FEC & File MulticastYoss Cohen
 
Adobe OSMF Overview
Adobe OSMF OverviewAdobe OSMF Overview
Adobe OSMF OverviewYoss Cohen
 
Product wise computer vision development
Product wise computer vision developmentProduct wise computer vision development
Product wise computer vision developmentYoss Cohen
 
ActionScript Design Patterns
ActionScript Design Patterns ActionScript Design Patterns
ActionScript Design Patterns Yoss Cohen
 
Adobe HTTP Streaming
Adobe HTTP StreamingAdobe HTTP Streaming
Adobe HTTP StreamingYoss Cohen
 
Flash Video Streaming Business Models
Flash Video Streaming Business ModelsFlash Video Streaming Business Models
Flash Video Streaming Business ModelsYoss Cohen
 
Mobile Video Advertisement
Mobile Video AdvertisementMobile Video Advertisement
Mobile Video AdvertisementYoss Cohen
 
Voip video business models
Voip video business modelsVoip video business models
Voip video business modelsYoss Cohen
 
#Mobile #Journalism #MLearning Columbia Teachers College April 2, 2015
#Mobile #Journalism #MLearning Columbia Teachers College April 2, 2015#Mobile #Journalism #MLearning Columbia Teachers College April 2, 2015
#Mobile #Journalism #MLearning Columbia Teachers College April 2, 2015Mo Krochmal
 
Intro to machine learning with scikit learn
Intro to machine learning with scikit learnIntro to machine learning with scikit learn
Intro to machine learning with scikit learnYoss Cohen
 
DASH and HTTP2.0
DASH and HTTP2.0DASH and HTTP2.0
DASH and HTTP2.0Yoss Cohen
 
1– Introduction To Direct Show
1– Introduction To  Direct Show1– Introduction To  Direct Show
1– Introduction To Direct ShowYoss Cohen
 
Multimedia Personalization
Multimedia  Personalization Multimedia  Personalization
Multimedia Personalization Yoss Cohen
 
Introduction To Video Compression
Introduction To Video CompressionIntroduction To Video Compression
Introduction To Video CompressionYoss Cohen
 

Andere mochten auch (20)

IPTV and VoIP Trends
IPTV and VoIP Trends IPTV and VoIP Trends
IPTV and VoIP Trends
 
Voice coding trends
Voice coding trendsVoice coding trends
Voice coding trends
 
Video quality testing
Video quality testingVideo quality testing
Video quality testing
 
Apple's live http streaming
Apple's live http streamingApple's live http streaming
Apple's live http streaming
 
FEC & File Multicast
FEC & File MulticastFEC & File Multicast
FEC & File Multicast
 
Adobe OSMF Overview
Adobe OSMF OverviewAdobe OSMF Overview
Adobe OSMF Overview
 
Product wise computer vision development
Product wise computer vision developmentProduct wise computer vision development
Product wise computer vision development
 
ActionScript Design Patterns
ActionScript Design Patterns ActionScript Design Patterns
ActionScript Design Patterns
 
Adobe HTTP Streaming
Adobe HTTP StreamingAdobe HTTP Streaming
Adobe HTTP Streaming
 
Flash Video Streaming Business Models
Flash Video Streaming Business ModelsFlash Video Streaming Business Models
Flash Video Streaming Business Models
 
Mobile Video Advertisement
Mobile Video AdvertisementMobile Video Advertisement
Mobile Video Advertisement
 
Voip video business models
Voip video business modelsVoip video business models
Voip video business models
 
#Mobile #Journalism #MLearning Columbia Teachers College April 2, 2015
#Mobile #Journalism #MLearning Columbia Teachers College April 2, 2015#Mobile #Journalism #MLearning Columbia Teachers College April 2, 2015
#Mobile #Journalism #MLearning Columbia Teachers College April 2, 2015
 
Intro to machine learning with scikit learn
Intro to machine learning with scikit learnIntro to machine learning with scikit learn
Intro to machine learning with scikit learn
 
CDN Types
CDN TypesCDN Types
CDN Types
 
DASH and HTTP2.0
DASH and HTTP2.0DASH and HTTP2.0
DASH and HTTP2.0
 
1– Introduction To Direct Show
1– Introduction To  Direct Show1– Introduction To  Direct Show
1– Introduction To Direct Show
 
Multimedia Personalization
Multimedia  Personalization Multimedia  Personalization
Multimedia Personalization
 
Telco 2
Telco 2Telco 2
Telco 2
 
Introduction To Video Compression
Introduction To Video CompressionIntroduction To Video Compression
Introduction To Video Compression
 

Mehr von Yoss Cohen

Infrared simulation and processing on Nvidia platforms
Infrared simulation and processing on Nvidia platformsInfrared simulation and processing on Nvidia platforms
Infrared simulation and processing on Nvidia platformsYoss Cohen
 
open platform for swarm training
open platform for swarm training open platform for swarm training
open platform for swarm training Yoss Cohen
 
Deep Learning - system view
Deep Learning - system viewDeep Learning - system view
Deep Learning - system viewYoss Cohen
 
Dspip deep learning syllabus
Dspip deep learning syllabusDspip deep learning syllabus
Dspip deep learning syllabusYoss Cohen
 
IoT consideration selection
IoT consideration selectionIoT consideration selection
IoT consideration selectionYoss Cohen
 
Nvidia jetson nano bringup
Nvidia jetson nano bringupNvidia jetson nano bringup
Nvidia jetson nano bringupYoss Cohen
 
Autonomous car teleportation architecture
Autonomous car teleportation architectureAutonomous car teleportation architecture
Autonomous car teleportation architectureYoss Cohen
 
Motion estimation overview
Motion estimation overviewMotion estimation overview
Motion estimation overviewYoss Cohen
 
Computer Vision - Image Filters
Computer Vision - Image FiltersComputer Vision - Image Filters
Computer Vision - Image FiltersYoss Cohen
 
HEVC Definitions and high-level syntax
HEVC Definitions and high-level syntaxHEVC Definitions and high-level syntax
HEVC Definitions and high-level syntaxYoss Cohen
 
Introduction to HEVC
Introduction to HEVCIntroduction to HEVC
Introduction to HEVCYoss Cohen
 
FFMPEG on android
FFMPEG on androidFFMPEG on android
FFMPEG on androidYoss Cohen
 
HEVC / H265 Hands-On course
HEVC / H265 Hands-On courseHEVC / H265 Hands-On course
HEVC / H265 Hands-On courseYoss Cohen
 
Web video standards
Web video standardsWeb video standards
Web video standardsYoss Cohen
 
3D Video Programming for Android
3D Video Programming for Android3D Video Programming for Android
3D Video Programming for AndroidYoss Cohen
 
Cross platform computer vision optimization
Cross platform computer vision optimizationCross platform computer vision optimization
Cross platform computer vision optimizationYoss Cohen
 
Native Android for Windows Developers
Native Android for Windows DevelopersNative Android for Windows Developers
Native Android for Windows DevelopersYoss Cohen
 

Mehr von Yoss Cohen (20)

Infrared simulation and processing on Nvidia platforms
Infrared simulation and processing on Nvidia platformsInfrared simulation and processing on Nvidia platforms
Infrared simulation and processing on Nvidia platforms
 
open platform for swarm training
open platform for swarm training open platform for swarm training
open platform for swarm training
 
Deep Learning - system view
Deep Learning - system viewDeep Learning - system view
Deep Learning - system view
 
Dspip deep learning syllabus
Dspip deep learning syllabusDspip deep learning syllabus
Dspip deep learning syllabus
 
IoT consideration selection
IoT consideration selectionIoT consideration selection
IoT consideration selection
 
IoT evolution
IoT evolutionIoT evolution
IoT evolution
 
Nvidia jetson nano bringup
Nvidia jetson nano bringupNvidia jetson nano bringup
Nvidia jetson nano bringup
 
Autonomous car teleportation architecture
Autonomous car teleportation architectureAutonomous car teleportation architecture
Autonomous car teleportation architecture
 
Motion estimation overview
Motion estimation overviewMotion estimation overview
Motion estimation overview
 
Computer Vision - Image Filters
Computer Vision - Image FiltersComputer Vision - Image Filters
Computer Vision - Image Filters
 
HEVC Definitions and high-level syntax
HEVC Definitions and high-level syntaxHEVC Definitions and high-level syntax
HEVC Definitions and high-level syntax
 
Introduction to HEVC
Introduction to HEVCIntroduction to HEVC
Introduction to HEVC
 
FFMPEG on android
FFMPEG on androidFFMPEG on android
FFMPEG on android
 
HEVC / H265 Hands-On course
HEVC / H265 Hands-On courseHEVC / H265 Hands-On course
HEVC / H265 Hands-On course
 
Web video standards
Web video standardsWeb video standards
Web video standards
 
3D Video Programming for Android
3D Video Programming for Android3D Video Programming for Android
3D Video Programming for Android
 
Analog Video
Analog Video Analog Video
Analog Video
 
WiFi Display
WiFi DisplayWiFi Display
WiFi Display
 
Cross platform computer vision optimization
Cross platform computer vision optimizationCross platform computer vision optimization
Cross platform computer vision optimization
 
Native Android for Windows Developers
Native Android for Windows DevelopersNative Android for Windows Developers
Native Android for Windows Developers
 

HTML5 video solutions

  • 1. ‫פתרונות וידאו מבוססי 5‪HTML‬‬ ‫בראשית (סוף שנות ה09 ותחילת העשור הקודם) היה תוהו ובוהו ומגוון רחב של פורמטי ונגנים וידאו היו קיימים‬ ‫כולל ‪ Windows Media Player, QuickTime‬ו – ‪ .Real‬ב-3002 יצא לראשונה נגן הוידאו של פלאש והפך במהירות‬ ‫לנגן הוידאו הסטנדרטי.‬ ‫מצב זה של שוק מאוחד המשתמש בטכנולוגיה יחידה היה נח מאד למפיצי מדיה, מפתחי אתרים ולמשתמשים.‬ ‫הפרגמנטציה של שוק הוידאו נגרמה כתוצאה ממספר תהליכים:‬ ‫1. אפל הודיעה שלא תתמוך בפלאש במוצריה.‬ ‫2. עלייה במיכה ובתפוצה של דפדפנים תומכי 5‪HTML‬‬ ‫3. סיבוכיות ועלויות גבוהות לתמיכה בהאצת פריסת וידאו בחומרה במכשירי מובייל (בעיקר אנדרואיד) רבים‬ ‫סיבות אלו, גרמו לאדובה להודיע שהיא נוטשת את פיתוח הפלאש למובייל וגרמו לאתרים ומפיצי תכנים לחפש‬ ‫פתרונות חלופיים.‬ ‫אין היום פתרון יחיד המחליף את כל יכולות הוידאו של הפלאש, לפיכך, נסקור קודם כל את סוגי הפתרונות‬ ‫העיקריים שמספק הפלאש:‬ ‫ניגון קבצים – ‪ Progressive Download‬בדומה ל- ‪YouTube‬‬ ‫1.‬ ‫ניגון שידורי‪ Live‬או ‪ VoD‬לפעמים תוך תמיכה אוטומטית במספר מהירויות הורדה (‪)Adaptive Bitrate‬‬ ‫2.‬ ‫תמיכה בועידת וידאו (‪)Video Conferencing‬‬ ‫3.‬ ‫תכונות ניגון הקבצים כבר נסקרו בהרחבה במאמרים שונים, היא נתמכת בצורה זו או אחרת ע"י כל גרסאות‬ ‫הדפדפנים בשוק כולל על מכשירי מובייל. הבעיה היחידה שנותרה היא הפרגמנטציה בתוך סטנדרט ה- 5‪HTML‬‬ ‫וידאו בין גרסאות המדיה השונות: ה-462‪ h‬הנתמכת ע"י אפל וה-8‪ VP‬הנתמכת ע"י גוגל.‬ ‫הנושא של ועידות וידאו הוא משני ויפתר כנראה על-ידי ה- ‪ WebRTC‬של גוגל שנמצא בתהליך הפיכה לסטנדרט.‬ ‫לפיכך נתמקד בנושא שידורי ה-‪ Live‬או ה- ‪.VOD‬‬ ‫הפתרונות לשוק זה מחולקים ע"פ הפרוטוקולים והמוצרים של היצרנים השונים (מייקרוסופט, אפל, אדובה) אך‬ ‫נראה כי פתרון מאחד, ה -‪ DASH‬כבר התקבל על מרבית היצרנים. כל הפתרונות הנסקרים, פועלים לפי מספר‬ ‫עקרונות משותפים:‬ ‫שרת ‪ stateless‬פשוט שאינו "זוכר" את מצב הלקוח (‪ )pause, play, stop‬ויכול להיות מיושם בקלות על‬ ‫1.‬ ‫גבי כל שרת ‪ HTTP‬פשוט כמו ‪.Apache‬‬ ‫שידורי קטעי מדיה ארוזים מעל ‪ HTTP‬כאשר הלקוח שולח בקשה נפרדת מהשרת לכל קטע מדיה‬ ‫2.‬ ‫(סגמנט) באורך של שתיים עד עשר שניות‬ ‫שימוש בסגמנט ה "עומד בפני עצמו", כלומר מכיל את כל האינפורמציה הדרושה לפתיחת:‬ ‫3.‬ ‫מתחיל בתחילת ‪GOP‬‬ ‫◦‬
  • 2. ‫מכיל את האינפורמציה על סוגי המדיה והטרקים הקיימים בו (‪ PAT‬ו-‪ PMT‬ב-‪ MP2TS‬או‬ ‫◦‬ ‫האטומים המקבילים ב- ‪)MP4FF‬‬ ‫שימוש בקובץ אינדקס המכיל מידע על שמות הסגמנטים (קבצים) אורכיהם ורוחב הפס אליו הם שייכים‬ ‫4.‬ ‫ולעיתים כתלות בסוג הפרוטוקול, גם על סוג המדיה, רזולוציה ועוד‬ ‫הפרוטוקולים הקיימים כיום הם:‬ ‫‪ – Apple HLS‬פתרון ה–‪ HTTP Streaming‬של אפל, פתרון זה הוא הנפוץ ביותר ונתמך ע"י מכשירי אפל‬ ‫1.‬ ‫וכן ע"י דפדפ ן ספארי ובצורה מוגבלת ע"י חלק ממכשירי האנדרואיד. פתרון זה צפוי להמשיך להתמך‬ ‫והוא אף נכלל כפרופיל בפתרון ה -‪ DASH‬העתידי‬ ‫‪ – Microsoft Smooth Streaming‬הפתרון של מיקרוסופט, עובד רק ב-‪ windows‬ומבוסס על ‪MP4 File‬‬ ‫2.‬ ‫‪ .Format‬מייקרוסופט הודיע שתתמוך בעתיד בפרוטוקול ה – ‪.DASH‬‬ ‫‪ – HDS - Adobe HTTP Streaming‬פתרון של אדובה, מבוסס גם הוא על ‪ .MP4 FF‬כמו מייקרוסופט, גם‬ ‫3.‬ ‫אדובה הודיע שתתמוך בעתיד ב – ‪ DASH‬ולכן לא צפוי המשך תמיכה ל – ‪.HDS‬‬ ‫עוד על הפרוטוקולים האלו במצגת הבאה: ‪http://www.slideshare.net/DSPIP/video-delivery-methods‬‬ ‫פתרון ה-‪ DASH‬עדיין רחוק מתמיכה ברוב הפלטפורמות ולכן הפתרון המקובל ביותר הוא ‪ ,HLS‬פרוטוקול זה נתמך‬ ‫ע"י ‪ iPhone‬ו – ‪ iPAD‬וכן ע"י ספארי אך רחוק מלכסות את כל הדפדפנים והמכשירים.‬ ‫אחד הפתרונות המעניינים ביותר לתמיכה ב- ‪ HLS‬בדפדפנים על ‪ PC‬דווקא שימוש בפלגין של הפלש לצורך פריסה‬ ‫מואצת חומרה של הוידאו. מספר רב של פתרונות מסחריים וקוד פתוח מאפשרים פעולה זאת לדוגמא‬ ‫‪http://osmfhls.kutu.ru‬‬ ‫עבור מכשירי האנדרואיד ניתן להשתמש באפליקציית נגן חיצוני כמו ‪ Bsplayer‬או ע"י אינטגרציית קוד ‪FFMPEG‬‬ ‫לאנדרואיד התומך ב - ‪HLS‬‬