반응형

Enables <video> and <audio> tags in all major browsers.

 

https://github.com/etianen/html5media

 

 

HTML5 video made easy

All it takes is a single line of code to make HTML5 video and audio tags work in all major browsers.

How to enable video and audio tags in all major browsers

To make HTML5 video and audio tags work in all major browsers, simply add the following line of code somewhere in the <head> of your document.

<script src="http://api.html5media.info/1.1.6/html5media.min.js"></script>

That's it! There is no second step!

How to embed video

You can embed video into your page using the following code.

<video src="video.mp4" width="320" height="200" controls preload></video>

For more information and troubleshooting, please visit the video wiki page.

How to embed audio

You can embed audio into your page using the following code.

<audio src="audio.mp3" controls preload></audio>

For more information and troubleshooting, please visit the audio wiki page.

Why use html5media?

HTML5 video and audio tags were designed to make embedding a video as easy as embedding an image. They were also designed to give users a faster experience by doing away with browser plugins such as Adobe Flash.

Unfortunately, older browsers don't support HTML5 video and audio tags, and even modern browsers don't support a consistent set of video codecs, making embedding a video rather difficult.

The html5media project makes embedding video or audio as easy as it was meant to be. It's a fire-and-forget solution, and doesn't require installing any files on your server. Unlike many other HTML5 video players, it allows people to use the video controls supplied by their own web browser. It's one of the smallest, fastest solutions available, and as browser technology improves it will become even faster.

반응형
반응형
Free Open Source HTML5 Video Players Collection

 

 

 

In this post we’ve collected the best HTML5 based video player which you can use in your project.

Flow Player

The HTML5 video player for the web. The only completely responsive HTML5 player on the market.

flow

html5media

Enables <video> and <audio> tags in all major browsers. The html5media project is open source and can be found on GitHub.

html5media

jPlayer

jPlayer is the completely free and open source (MIT) media library written in JavaScript. A jQuery plugin, (and now a Zepto plugin,) jPlayer allows you to rapidly weave cross platform audio and video into your web pages.

jplayer-html5

VIDEO.JS

Video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video. This is also known as an HTML5 Video Player.

videojs

CodoPlayer

A first-rate HTML5 / FLASH and YOUTUBE web player. Codo Player solves the problem of various browser/platform video support mismatches in order to reach maximum possible audience.

codoplayer

Open Standard Media (OSM) Player

With the onset of HTML5, there is a dramatic paradigm shift in the wake for online media content delivery. For well over 6 years, this industry has been dominated by the proprietary Adobe Flash Player, which has been used to deliver high quality media to audiences far and wide. This reign is coming to a dramatic end as new Open Standard technology takes its place. Yes, HTML5 is here, and we present to you the Open Standard Media (OSM) Player!

HTML5 Video Players Open Source-Osmplyer

FlareVideo HTML5

  • HTML5 video with Flash fallback
  • Easy CSS/HTML/JS customization and theming
  • Full screen support

HTML5 Video Players Open Source-flarevideo

JW Player

What about skinable open source JW Player, this solution is all about Flash and HTML5 working together as part of a single video player. The player automatically falls back to the Flash or HTML5 mode when needed. This solution supports the major CDNs, YouTube, Adobe’s Flash Media Server, HTTP streaming, major advertising networks, analytics providers, and more. JW Player as well has a range of add-ons to extend the players functionality. By choosing the JW Embedder, it will also provide hosting solutions and mobile support for iPhone, iPad, and devices.

HTML5 Video Players Open Source-jwplayer

OIPlayer jQuery plugin HTML5 Video Player

OIPlayer attaches itself to all video and/or audio tags it encounters. Besides the general configuration of the plugin itself, it uses for each individual tag the attributes the respective tag has like poster, width, controls, autoplay etc. It support Safari (v4.0+), Google Chrome (v5.0+), Firefox (v3.5+), Internet Explorer (v6.0+) with Flash or Java installed And maybe some untested others with HTML5 support, Flash or Java installed.

HTML5 Video Players Open Source-oiplayer

MediaElement.js

MediaElement.js is a complete HTML5 audio and video player in pure HTML and CSS. Based on Video for Everybody it uses a custom Flash or Silverlight player that mimics the native HTML5 API for older browsers. MediaElement.js builds a fully skinnable player with features like support for the HTML5 track element, fullscreen video, and even ambilight. Additionally, it includes support for sub-titling and has plugins for WordPress, Drupal, jQuery, and BlogEngine.NET. With MediaElement.js, video controls are doing using HTML /CSS for cross-browser consistency.

HTML5 Video Players Open Source-mediaelementjs

HTML5 Video Org

HTML5 is a set of web standards being developed by the Web Hypertext Application Technology Working GroupThe HTML5 standard includes many new features for more dynamic web applications and interfaces. One such component being specified and implemented is the ‘video’ element.Using an HTML5 Javascript Library, your videos can be played back on the latest mobile devices and even on older browsers that require Flash.

HTML5 Video Players Open Source-html5org

Fry Player HTML5 Video

FryPlayer is one of open source and easy to use HTML5 video player. It has a play and pause button, also possible to set volume sound. Ability to skin, buffering, and full screen mode.

HTML5 Video Players Open Source-fryplayer

Projekktor HTML5 Video Player

Projekktor (pr-jkk-tr) is a free, open source (GPL) HTML5 based video player written in Javascript. It solves cross browser and compatibility issues, adds eye candy and provides extremely powerful non standard features.

HTML5 Video Players Open Source-projekktor

OVP for HTML5

Open Video Player (OVP) is an initiative encompassing the use of open standards, best practices, and established development methodologies in the development of media player applications.

HTML5 Video Players Open Source-ovpplayer

Custom video player with jQuery HTML5 CSS3

Building our own custom video player with HTML5 video, JavaScript and CSS3 is fairly easy. By using JavaScript only for the actual functionality of the controls, and CSS3 for everything that involves the look and feel of the player, we get a powerful, easily customizable solution.

HTML5 Video Players Open Source-customvideoplayer

LeanBack Player

LeanBack Player is a HTML5 Video Player with multiple supports widely used desktop browsers and mobile devices

HTML5 Video Players Open Source-leanback

반응형
반응형

UUhistle.org: A program visualization tool

UUhistle.org is a program visualization tool for beginner programming education. Use UUhistle.org to improve your code-tracing skills, as well as your understanding of programming concepts and programming-language constructs.

uuhistle.org

 

반응형
반응형

감사라는 말은 삶의 윤활유와 같다.
성공이란 오늘 “감사합니다” 라는 말을 몇 번 했는지,
오늘 보낸 감사 편지 수에 비례한다.
모든 것에 감사하는 마음으로 살아간다면
감사해야 할 일은
끊임없이 꼬리를 물고 이어질 것이다.
-톰 피터스, ‘The little big think’에서

 

마호메트는
'당신이 받은 풍요로운 삶에 대해 감사하는 마음은
그런 풍요로운 삶이 지속되도록 해 주는
최고의 보험이다’고 했습니다.
누군가에게 감사의 인사를 전할 때 우리는
더 많은 기쁨, 더 많은 건강, 더 많은 돈, 더 놀라운 경험,
더 많은 멋진 인간관계, 더 많은 기회를 돌려받게 됩니다.

 

반응형
반응형
정답이 없다


예술이
다른 학문이나 기술과
구별되는 점은 정답이 없다는 것이다.
그런 면에서 예술은 삶과 많이 닮아 있다.
삶에도 정답이 없기 때문이다. 예술에는
스승이라도 있으나 삶에는 스승조차 없다.
삶이 무엇인지, 어떻게 살아야
잘 사는 것인지 알기 위해서는
일생을 보내야만 한다.


- 홍영철의《너는 가슴을 따라 살고 있는가》중에서 -


* 정답이 없기 때문에
한 번 해볼 만한 것 아닙니까?
한 번 도전해 볼 만한 것 아닙니까?
하나 밖에 없기 때문에 그래서 예술이고,
어느 누구도 대신할 수 없는 한 번뿐이니까
그래서 삶입니다. 정답을 찾지 마십시오.
열심히 사는 것이 정답입니다.
최선이 정답입니다.

 

반응형

'생활의 발견 > 아침편지' 카테고리의 다른 글

혼자 있는 즐거움  (0) 2013.12.07
행복이 무엇인지...  (0) 2013.12.06
우울증 치유  (0) 2013.12.04
신성한 지혜  (0) 2013.12.03
진정한 강자, 진정한 청춘  (0) 2013.12.02
반응형

Object Playground: Visualize and experiment with JavaScript objects

playground

 

Object Playground

Object Playground is a tool for visualizing and experimenting with JavaScript object relationships. It's online at objectplayground.com. Object Playground is a project from Let's Code: Test-Driven JavaScript, a screencast series focused on professional, rigorous JavaScript development. Created by James Shore.

This repository contains the source code for Object Playground.

Browser Support

Object Playground has been tested against the browsers listed at the top of Jakefile.js. At the time of this writing, the following browsers are known to work. Other modern browsers are likely to work as well.

  • Chrome 26
  • Firefox 20
  • IE 10
  • Safari 6.0 (Mac)
  • Safari 6.0 (iOS)

The following browsers are known to not work:

  • IE 9: Lacks the Int32Array type used by Viz.js. A polyfill was attempted, but resulted in an "out of memory" error.
  • IE 8: Does not support SVG, lacks Int32Array type.

 

반응형
반응형
우울증 치유


요즘 우울증을 비롯한
정신 질환이 늘고 있다.
정신 질환은 영혼과 관련이 있다.
이 병은 현재의식과 잠재의식 사이에 있는
영혼이 빠져나가 버릴 때 일어난다.
현실 세계에서 아주 고통스럽거나
슬픈 일을 겪으면, 영혼이 육체에
머물지 못하고 나가 버린다.


- 이하레이카라 휴 렌의《하루 한 번 호오포노포노》중에서 -


* 우울증은
영혼의 온도와도 연결되어 있습니다.
영혼의 온도가 식어버리면 몸도 마음도 식어
매사 더 슬프고 더 우울하게 만들어 버립니다.
온도를 높일 수 있는 것이 곧 사랑입니다.

사랑하는 사람의 따뜻한 손. 위로의 손,
격려의 손. 그 손으로 몸을 녹이면
잠재의식에까지 깊이 스며들어
영혼의 온도도 올라갑니다.


 

반응형

'생활의 발견 > 아침편지' 카테고리의 다른 글

행복이 무엇인지...  (0) 2013.12.06
정답이 없다  (0) 2013.12.05
신성한 지혜  (0) 2013.12.03
진정한 강자, 진정한 청춘  (0) 2013.12.02
경청의 힘!  (0) 2013.11.30
반응형

남의 죄를 자주 드러내지 말라.
만약 부득이하게 남의 허물을 드러내고자 한다면,
때를 놓치지 말고 제때에 해야 하며,
거짓이 아닌 진실로 해야 하고,
이로움을 주기 위해서 해야 하며,
부드럽게 해야 하고, 인자한 마음으로 해야 한다.
-석가모니

 

‘무릇 자기가 베푼 것은 말도 하지 말고,
덕을 주었다는 표정도 짓지 말며,
사람에게 이야기도 하지 말 것이다.
전임자의 허물도 말하지 말 것이다.’고 말씀 하신
다산 정약용 선생의 가르침도 함께 새겨봅니다.

 

반응형

+ Recent posts