공부/Computers

wwdc web 중 앞부분

언제나19 2011. 8. 31. 15:43

WWDC 2011 Session Videos - HD


Session 501 - iCloud Storage Overview 38:10 11. 6. 16. Apple Developer Developer on iTunes

icloud가 api까지 있는 건지 몰랐었네.. 좋겠다 이거.

Session 502 - Advanced HTML5 Media Controllers in Safari 42:36 11. 6. 16. Apple Developer Developer on iTunes

주로 javascript , css
 
webkitRequestFullScreen() 등으로 video를 조절할 수 있다.
-webkit-full-screen 

spec이 just proposal 단계래.

발표하는 사람이 safari/webkit engineer래.
javascript로 만든 것 같아 보이는 sample application을 demo로 보여준다.

custom <video> control

20' 쯤에 나오는 demo는 참 길고 지루하다.

뒷부분 demo는 매우 인상적이다.

자막 관련 javascript link도 도움된다.

html5에서는 자막 표준으로 smil 이 아닌 webvtt 자막을 표준으로 선택한 것으로 보입니다.
http://www.whatwg.org/specs/web-apps/current-work/webvtt.html  
webvtt 자막의 경우, 아직 browser에서 지원하지 않는 것으로 보이지만,
video element에 자막을 넣어주는 javascript libraries가 있습니다.

https://github.com/cgiffard/Captionator
http://www.delphiki.com/html5/playr/
http://videojs.com/
http://popcornjs.org/

아쉽게도 이것들 중에도 smil을 지원하는 library는 없는 것 같습니다.



Session 519 - Combining Web Accessibility and Automation on iOS 48:35 11. 6. 16. Apple Developer Developer on iTunes

는 목소리도 조금 지루하고,
나한테 별로 도움도 안돼 보인다.

gesture 인식 부분이 들어가 있는 것 같기도 하고,
선택한 부분에 대한 글씨를 읽을 수 있는 것 같기도 하다.

30' 정도 딴 짓을 하며서 봤다.



Session 516 - Understanding Layout and Gestures 50:13 11. 6. 16. Apple Developer Developer on iTunes

Window와 viewport와의 관계를 알려준다.
browser의 default stylesheet가 user agent stylesheet로 나오네.

image를 늘리기.
주로, css layout 얘기
-webkit-device-pixel-ratio 라는 걸 정할 수가 있다.
if ('styleMedia' in window && window.styleMedia.matchMedium("screen and (device-width: 320px) and (-webkit-device-pixel-ratio ...

Flaky fixed positioning
javascript로 처리하면, scroll 중에 따라다니지 않는다. --> css positioning.
fixed positioning은 ios4에서 안되고, ios5 safari에서 지원.




wwdc 말고, 
Integrating Web Content into iPhone Apps     53:41     10. 3. 3.     Apple Developer     Developer on iTunes     
에서도 css shadow, mask 같은 거 가르쳐준다. 

iPhone Development Essential Videos                         
Using Advanced Web Technologies on iPhone     58:24     09. 3. 18.     Apple Developer     Developer on iTunes     
에서도 가르쳐줄 것 같다.