Opera Tech Break: HTML5YouTube↗  IA↗(long shot)
Science & Technology  61.4K views 179 likes 49 dislikes   03 Nov 2011
Opera 437K subscribers Norway YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
Oh! Hi, Zi Bin!
噢，嗨! 子斌!
- Hey Bruce! - How are you doing?
- 嘿，Bruce! - 近来可好?
- Good, and you? - I’m very well, thank you.
- 不赖，你呢? - 我很好，谢谢
- Nice hair style! - Nice hair style!
- 你发型很赞 - 你发型也很赞
So this is Zi Bin Cheah, I’m Bruce Lawson. We work for Opera’s Developer Relations Team.
这是谢子斌，而我是 Bruce Lawson 我们在 Opera 的开发者关系团队工作
We talk about new technologies, and cool technologies.
我们讨论最新的技术，和最酷的技术
One of the things we are always asked about is HTML5.
其中一项我们常被问到的是 HTML5
It’s the newest, coolest kid on the block; it’s the thing that everybody’s talking about.
它可是当红炸子鸡，所有人都在讨论的对象
It’s brand new, except it’s not brand new.
它非常的新，但其实不是全新的玩意儿
It started in 2004, in this very office you are looking at.
HTML5 始于 2004 年，就在这个你们看到的办公室里
At 98 Waldemar Thranes gate in Oslo which is Opera Oslo headquarter.
在奥斯陆的 Waldemar Thranes gate 98，Opera 奥斯陆总部
So the first time you got Opera, Mozilla, Apple, Google, and Microsoft
有史以来我们第一次集合了 Opera、Mozilla、Apple、Google 和 Microsoft
- all working together, out in the open to make this specification together.
大家一起齐心合力致力于这项规格
One of the primary aims of the spec is to ensure interoperability.
其中一个主要的目标就是确保规格能保有互操作性
It’s mad and stupid if websites work in one or two of those browsers but not the other because consumers need the web everywhere.
如果网站只在一两种浏览器上正常显示那也太不和情理了，因为用户要的是网络到哪里都能行得通
One of the most interesting for developers about HTML5, or actually the least sexy side of it from a demo perspective,
HTML5 其中一项对开发人员最有意思的特点，或是说其中一项展示起来最不绚丽的功能
is the fact that if a browser implements the HTML5 algorithms
就是，如果一个浏览器植入了 HTML5 算法的话
doesn’t even matter if your web page has a broken mark-up, it will always be the same in every browser.
那不论你的网页原始码是不是写错了，都会在所有浏览器上看起来一模一样
Let’s just call the “HTML5 parser.”
我们先称之为「HTML5 Parser」吧
There is a Labs build on labs.opera.com
在 labs.opera.com 上有个实验版本
Its code name is Ragnarök - which means “end of the world” in Norwegian interestingly –
代号是 Ragnarök - 有趣的是这在挪威文中是「世界末日」的意思 -
beginning of the brave new world - I’d like to think.
或是我喜欢想成「航行新世界」
If you download that Labs build, we found in internal testing
如果你下载了这个实验版本，在内部测试中发现
20% of the all Opera’s site compatibility issues disappear like that.
Opera 遇到 20% 的网站兼容性问题立刻消失无踪
For developers that’s great because things work everywhere. Of course for the consumer, that’s golden.
对开发者来说太棒了，因为作品到哪里都适用。而对消费者来说，更是无价之宝
The web works wherever you can access the web, which is obviously a no-brainer.
网站在那儿都行得通，简直是用膝盖想都知道这太棒了
These days a lot of marketing hype is focusing on HTML5, however if you really look at HTML5 it’s actually an evolution from HTML4.
这些日子不少营销热潮焦点都放在 HTML5 上，不过如果你细看的话就会发现 HTML5 其实是由 HTML4 演化而来的
So if you take a really old browser, for example IE6
所以如果你拿一个很老的浏览器，比方说 IE6
and make it go through a HTML5 test, you actually realize that IE6 has very low score in HTML5.
让它去跑 HTML5 测试，你会发现 IE6 还是有很低的分数
That means that HTML5 has been happening since many years ago.
意思是 HTML5 其实在很多年前就已经开始动起来了
Just that it’s not called “HTML5”, but rather HTML5 in general.
只是当时不是直接称为「HTML5」这个名字，而是以 HTML5 整体来看的
Native apps will always be around. There are instances:
原生软件自然是会一直存在，有几个例子:
things like some games might run faster if they are written in C++ or Java natively on the platform.
比方说游戏好了，如果是用该平台上的 C++ 或 Java 写成的那可能会跑的比较快
- But those days are coming to an end I think. - These days people say you can write everything with Javascript.
- 不过我认为那些日子快要成为过去式了 - 现在大家都说你可以用 Javascript 写出任何东西
So we’ve seen now a lot of games being written as HTML and Javascript apps that are actually web pages.
因此我们现在看到很多游戏是用 HTML 和 Javascript 写成的，那些其实都是网页而已
So your web app is simply a bookmark to a web page on the World Wide Web.
所以你的「Web App」其实就是因特网上的一页网站罢了
All these things that Bruce mentioned, it could only be done previously using Javascript or plug-in.
Bruce 提到的这些东西，以前其实只能以 Javascript 或 Plug-in 去做到
Now the emphasis is on the browser. Browser should and will be able to do all these things natively.
现在重点放回到浏览器本身。浏览器应该，也有能力做到原生的这些事情
So this is Opera Mobile running on my Android phone. This is a Labs build - again labs.opera.com
这个是在我 Android 手机上跑的 Opera Mobile。一样是实验版本 - labs.opera.com
– this is a web page, not an app. You need to sit there very still Zi Bin. I don’t know if it’s going to work with the lights and conditions here.
这是个网页，不是个 Web App。子斌我要你坐好别乱动。我不知道这房间的光线能不能成功 -
It’s a web page, and the web page is accessing a camera on my phone.
这个网页正在直接存取我手机上的相机镜头
If Zi Bin stays very still
如果子斌坐着不乱动的话
Hopefully that will do facial recognition and it’s drawing a magical HTML5 mustache where Zi Bin’s face was.
希望这能做到脸部识别功能，然后在子斌的脸上画一个神奇的 HTML5 大胡子
I think any technology if they can draw a magical mustache, it’s got to be the future.
我认为只要是有办法在脸上画出个神奇胡子的技术，就一定是未来的趋势
Cheers developers!
敬所有的开发人员!
Stay tuned to the next episode of Opera Tech Break.
敬请期待下一集的 Opera Tech Break
Rock’n Roll in web standards!
网页标准万岁!
Your boss might run in and say "I’ve got to have a HTML5 website!"
你老板可能冲进来跟你说“我要一个 HTML5 的网站!”
"My friend who’s a CEO of that company has a HTML5 website and I want one too!"
“我另一个当总裁的朋友他公司有个 HTML5 网站所以我也要有一个!”
What you need to do is you go to the first line of your webpage and delete it.
你只要打开你网页原始码第一行然后删掉
You type in "‹!DOCTYPE html›", and you have a HTML5 website.
然后输入 <!DOCTYPE html>，好啦你就有 HTML5 网站了
You get a massive pay rise, and you send 10% of it to Zi Bin and me for that handy tip.
老板给你大加薪，然后你再把其中 10% 寄给我和子斌来感谢这个小秘诀
Similar videos:

iJustine's Collab Tips
YouTube Creators
1.3M views 1.3K likes 134 dislikes 15 Jul 201434% match



OV! vs JWM in KVK + EQUIPMENT BUG? | Rise of Kingdoms
Wick Gaming
16.1K views 665 likes 14 dislikes 25 Mar 202133% match


Polish Your Brand Identity (ft. The Annoying Orange)
YouTube Creators
1.5M views 1.4K likes 222 dislikes 13 May 201433% match




Living and working in Germany
New Mag
34 views 1 likes 0 dislikes 03 Dec 201733% match



KALIMBA COMPARISON: 15, 17, or 21 keys? Which is BETTER for you?
Tip's Kalimba
19.6K views 921 likes 15 dislikes 25 Aug 202032% match



KALIMBA 101: WHICH ONE SHOULD YOU GET? Kalimba review with sound comparison flatboard and box type
Tip's Kalimba
456.3K views 12.9K likes 283 dislikes 07 Feb 202032% match




Bruges Belgium Tour Travel | RoamerRealm
RoamerRealm
6.5K views 53 likes 10 dislikes 03 Sep 202032% match







Computer Science is Changing Everything
Code.org
476.3K views 2.5K likes 178 dislikes 29 Sep 201632% match






UNBOXING! the PERFECT Kurama Statue by LX / MHD Studio from Naruto
BAM Collectibles
31.7K views 1.4K likes 11 dislikes 31 Aug 202032% match


HTTPS | WMConf Lightning Talks
Google Search Central
5.5K views 202 likes 5 dislikes 01 Sep 202032% match

Ways To Get Your Videos Discovered (ft. Mystery Guitar Man)
YouTube Creators
470K views 1.1K likes 77 dislikes 05 Aug 201431% match



🧢 MESA DE COORDENADAS ( como funciona )
That, Dad fix it
3.7K views 182 likes 19 dislikes 22 Nov 202031% match







Find your future at Delphian
Delphian School
6.3K views 0 likes 0 dislikes 12 Jun 201731% match

남자라면 서서 오줌 싸야 한다??? 팩트체크 해보았음 / 스브스뉴스
스브스뉴스 SUBUSUNEWS
542.9K views 494 likes -1 dislikes 01 Jul 201931% match


Business English Top 10 Skills (2) | Business English Pod
Business English - Learn with Business English Pod
28.2K views 711 likes 13 dislikes 07 Feb 202131% match


АСМР Триггеры для сна 🌙✨ ASMR Most enjoyable triggers 😴
ASMR KittyKlaw
1M views 43.3K likes -1 dislikes 06 Dec 201931% match



Apple Ditching Intel Macs. Pros and Cons of the Transition
Dmitry Yarygin Tech
786 views 21 likes 1 dislikes 22 Jun 202031% match





The Book of Proverbs
BibleProject
2.6M views 65.3K likes 566 dislikes 04 May 201631% match





5 Vakit Ezan Makamları Dersi - Recep Uyar Hoca Ses Analizi
Emre Yücelen Vocal Coach Istanbul (Online Education)
478.5K views 8.5K likes 199 dislikes 01 May 201931% match







Pine bud picking [bonsai / beginner]
【盆栽翠松園】BonsaiSuishoen
39K views 453 likes 20 dislikes 02 May 202031% match

Jackie Hole Authorised CVT Teacher from UK
That Singing Show
2.7K views 20 likes 6 dislikes 29 Aug 201831% match




NEW LingTing K17G kalimba review. Best Tines ever?
Tip's Kalimba
3.5K views 0 likes 0 dislikes 11 Aug 202031% match



Information and consultation about future channels from a small Japanese family YouTuber
あやはやチャンネル
2.2K views 0 likes 0 dislikes 18 Sep 202031% match

DSK Benelli BN600i & TNT 600GT : Review : PowerDrift
PowerDrift
481.5K views 3.2K likes 116 dislikes 11 Dec 201431% match

코로나 19, 올해안에 끝날수밖에 없는 과학적인 이유, CC자막(O)
CDMAC Dr.Lee
32.6K views 716 likes 87 dislikes 27 Aug 202030% match


더덕 담금주에서 싹이 났다고? 전문가가 바라본 입장!ㅣ순간포착 세상에 이런 일이(Instant Capture)ㅣSBS Story
SBS STORY
3.6K views 29 likes 5 dislikes 27 Aug 202030% match


🧢 AMAZING MACHINE ✅
That, Dad fix it
1.8K views 137 likes 12 dislikes 05 Jul 202030% match






(sub)미니멀라이프/잡동사니를 버리고 중요한것만 남기는 인생/탄냄비청소/잡동사니버리기
BONAHORA[보나오라]
5.5K views 119 likes 5 dislikes 07 Aug 202030% match

cum sa iti procuri banda de altoire ieftin și ușor
Tibi Tips
6.2K views 406 likes 7 dislikes 11 Feb 202130% match






Como aumentar la POTENCIA de tu chimenea ( + CALOR - LEÑA )
That, Dad fix it
5K views 183 likes 23 dislikes 10 Jan 202130% match








Settings Privacy About Contact Donate