Delivering high quality video streaming for

Transcription

1 Delivering high quality video streaming for VIDEO STREAMING SOLUTIONS web portal Streaming and your mobile video smoothlydevices Program Seminar Pemantapan Laman Web Sektor Awam Bil. 1/2011 Dewan Auditorium JPM By Israk Technology Sdn. Bhd

2 The motivation. One of MAMPU portal assessment s criteria. Everyone wants to publish video on their site. Video is becoming a trend. High user expectation on video quality.

3 Video/Audio clips Criteria (as per MAMPU Guidelines) Streaming/downloaded audio clips are clips with sound only and are meant to be recorded for listening purpose. Background sound is not an audio clip. Streaming/downloaded video clips are clips with sound and moving picture and are meant to be recorded for viewing purpose. Flash is not considered as a video clip. Flash in the cover page is not considered as a video clip. Both audio and video clips must be related to the agency. Mobile Web/SMS Mobile web initiative or any type of sms features that can be accessed by visitors.

4 Our own 2011 Video checklist/criteria : Using video streaming technology (rather than video playback directly from web server) Not using embedded video from free video portal such as Youtube, Vimeo or Blip.tv Have good video quality even at fullscreen Does not requires Windows Media Player or Quicktime installed to play video Can play video via different browsers; IE (6,7,8 &9), Firefox, Safari, Chrome or Opera Can play video on multi-platform; Windows, Linux, Mac Able to fast forward/seek video (Not necessarily must view from the beginning) Have system to upload/manage videos and publishing workflow Zero or minimal video keep buffering Have mobile site for video gallery

5 Video Streaming Technology Comparison Packet Packet Packet Packet Packet

6 Why not Youtube, Vimeo or Blip.tv (Although it s Free!) Many government agencies and private organizations block video from these sites. Waste of internet bandwidth. They uses progressive download. Video will be continuously downloaded, although it s paused. User may not view the whole video, although may already downloaded everything. Some users may use multiple windows/tabs to download several videos at one. Use single bitrate or multiple bitrates with manual selection. Will restart video /re download if change bitrate or view Fullscreen Many cases, slow startup (black screen) or keep buffering during viewing. Youtube video limited up to 15min or 2GB upload of file size. If longer, video must be split into many parts. Use http uploading (not optimized file transfer) Youtube implement cookies (Whitehouse.com has issues with this)

7 Video cannot be viewed because of firewall or social video site blocked i.e Youtube, Vimeo Use own video infrastructure or hosted services instead of free service. Use HTTP-based that uses regular port 80/8080, rather than conventional streaming such as RTMP (port 1935), RSTP(port 504) sometime block by firewall.

8 Bad video quality, especially when view at fullscreen Why? Video is transcoded at low quality (smaller size, faster download, less buffering) to cater wider audiences. Videos are prepared with multiple bitrates (higher bitrate has higher qualitysharpness). Videos playback quality will change dynamically in every few second based on user s internet connection & CPU resources, rather than only one continuous low quality.

9 Offer good user experience. Listing of videos in thumbnail with searching/filtering option. Intelligent video player with few buttons : pause, play, stop, volume, full screen, automatic play, thumbnail User can fast forward/backward video. Progressively play video (not waiting until full video being downloaded) Simple, no user knowledge required. Download & install Flash/Silverlight plugin.

10 Video can be played via popular browsers and different platforms. Windows media player not in Linux, Mac. Quicktime not in Linux Choose between flash or silverlight. With free plugin, it can be played across browsers and cross platform. IE 7,8 does not support <embed>

11 System to upload, manage many videos and publishing workflow. Must have a web-based management system where you can create a playlist, publish or unpublish video, promote certain videos to frontpage, and more.

12 Only need video streaming for existing web portal. Portal already existed on certain platform and not intend to rebuild the portal. Use hosted video services which allows embed a simple code into existing portal (any HTML-based editor) No need to purchase software, server and high startup cost.

13 Allow video viewing via mobile devices. Use browser agent to detect mobile devices and redirect to mobile site. Use conditions to support different mobile devices and optimized for different screen such as iphone, ipad or Android devices.

14 Video keep buffering or waited very long before can play Why? Single bitrate problem. User internet is slow, and video bitrate is higher. With adaptive streaming, slower internet user will play lower video quality, and faster one will play better quality and it may change at any time to avoid buffering.

15 User need to select video bitrate manually. Why? Older technologies are not intelligent. Users may not aware that they have the option or don t know or confuse what it means User no need to change bitrate to view a better quality video. No user knowledge/ awareness is required. Bitrate is intelligently changed automatically & continuously

16 High start up and maintenance cost Why? Client have many, complex and high-end servers. Setting up scalable video streaming is indeed technically complicated. Several old technologies still exist. Properly planned video portal and streaming infrastructure, avoid wasting resource. Use Hybrid solution with managed streaming services via Malaysia and International Content Delivery Network (CDN). You do not need to build own expensive streaming infrastructure, thus lower project startup cost.

17 Internet is slow, videos is mainly for internal usage. However, video can also be viewed from anywhere in the world if they login to the portal. Hybrid solution means you can have your own streaming servers or internal caching servers. Users within corporate network (LAN), can view the video at high quality because it is played locally without depending or consume the office internet connection. When viewed from outside the office, it will be played from external servers.

18 Only certain people can view certain videos. Has fine-grained access control. You can setup different roles and groups in which viewing permission can be set according to your need.

19 Limited resource and expertise to produce video and maintain video portal. Do not under estimate video editing and maintaining video portal. It s time consuming and require specialized expertise and hardware/software. You can outsource to continuously produce and upload videos to the web.

20 Fast Track Your Video Project Israk Technology Sdn. Bhd. ( P) B-8-2, Jln PP25, Putra Walk, Tmn Pinggiran Putra, 43300, Sri Kembangan, Selangor, Malaysia Website : Demo at Tel: [email protected] [email protected]