LeanBack Player HTML5 player อีกตัวหนึ่งที่ผมอยากจะแนะนำให้ลองใช้งานกันครับ ตัวนี้ถือว่าเป็นอีกหนึ่งตัวที่มีฟีเจอร์ค่อนข้างหน้าสนใจ และพร้อมด้วยฟีเจอร์มาตรฐานครบถ้วน หนึ่งฟีเจอร์ที่หน้าสนใจก็คือ LeanBack นั้นเป็น HTML5 player ที่รองรับการใส่ Subtitle เข้าไปในวีดีโอได้ด้วย และที่สำคัญกว่านั้นรองรับเบราว์เซอร์ Mozilla Firefox (3.6.x), Opera Browser (10.x + 11.x), Google Chrome (7, 8), Apple Safari (5.0.x MacOS X, 5.0.x Windows + Quicktime Plugin), Microsoft Internet Explorer 9 (Beta) ไม่เพียงแค่รองรับ Desktop browsers เท่านั้นยังรองรับ Mobile devices อย่าง Apple iOS (ผมลองบน iPhone 4 และ iPad แล้วสามารถใช้งานได้) และ Android ด้วย ส่วนตัวอื่นๆอย่าง Windows Phone กับ BB นั้นผมไม่มี devices จึงไม่ได้ทดสอบครับ อ่อมี Keyboard shortcuts สำหรับควบคุมตัวเล่นวีดีโอด้วยนะครับ มีเวอร์ชั่นสำหรับ WordPress Plugin และ Joomla Plugin ด้วยนะครับ ใครสนใจเจ้า LeanBack Player ก็ลองเข้าดูข้อมูลและดาวนโหลดได้ที่เว็บไซต์ dev.mennerich.name ได้เลยจร้า ขอให้สนุกกับ HTML5 นะจ๊ะ
Features
Supports widely used desktop browsers and mobile devices
Supports also Microsoft Internet Explorer (≤8) and Safari (without Quicktime on Windows) by fallback to Flash
Ability to handle more than one HTML5 video element on a single page
Javascript library independent
100% skinnable using CSS; consistent look between browsers
Multi-language support (try: English , German , France )
Browser fullscreen mode; window fullscreen mode (if supported [1][2] )
Volume controls in desktop browsers
Keyboard shortcuts on focused video in desktop browsers
Different playback rates (currently in desktop browsers Chrome, Safari, Internet Explorer 9 beta)
Supports subtitles through HTML5 track element; language-selection by label attribute of track
Supports preload attribute in desktop browsers to save traffic (using a fix)
Supports video quality selection (e.g.: 360p, 480p, 720p HD, 1080p HD) in desktop browsers
new: Playlist feature in desktop browsers
Keyboard shortcuts สำหรับควบคุมตัวเล่นวีดีโอ(ใช้ได้บน desktop browsers เท่านั้น)
Play space , Pause space , Stop s
Increase volume ↓ , decrease volume ↑
Mute volume LEFT CTRL + ↓ , unmute volume LEFT CTRL + ↑
Seek backwards ← or forwards → for x seconds
Seek backwards LEFT CTRL + ← or forwards LEFT CTRL + → for x percent
Seek to beginning Pos 1 or Home
Seek to end End
Browser fullscreen or window fullscreen (only Safari for Mac yet) f
Show/hide subtitle v
Switch between available subtitles LEFT CTRL + v
Switch between available video elements
ที่มา crenk.com
View :1227
ผมมี HTML5 Frameworks มาแนะนำให้ลองใช้กันครับ ซึ่งในปัจจุบันก็เริ่มมี Frameworks ของ HTML5 ออกมาให้เราได้เห็นกันบางแล้ว ส่วนใหญ่นั้นจะเป็นการร่วมเอา HTML5 และ CSS3 เข้าด้วยกัน ทำให้เราสามารถนำมาใช้งานได้อย่างสะดวก หลายๆ Frameworks มี html5 markup และ css reset มาให้เลยยิ่งสะดวกไปใหญ่ รวมไปถึงการยั้ดเอา HTML forms และ HTML 5 elements เข้ามา ซึ่งหลักๆ พวกนี้ก็ถูกยั้ดรวมมาใน Frameworks อยู่แล้ว 52ramework Frameworks ตัวนี้ประกอบไปด้วย Tag HTML5 พื้นฐานมาให้ครบถ้วนไม่ว่าจะเป็น header, nav, section, article, footer มี css reset สำหรับ HTML5 มาให้ด้วยพ่วงมาด้วย CSS3 ที่ใส่ฟีเจอร์ rounded corners, text-shadow, box-shadow, html5 markup และก็มี grid system มาให้อีกด้วย สนใจลองเข้าดู documentation และ community ได้ครับ หรือดู Demo กันก่อนได้ครับ
