ios開(kāi)發(fā)html5,IOS開(kāi)發(fā)工程師

ios開(kāi)發(fā) 內(nèi)嵌html5 怎么開(kāi)發(fā)

推薦兩個(gè)html5在手機(jī)app開(kāi)發(fā)方面好的框架：phonegap + sencha。

創(chuàng)新互聯(lián)成立與2013年，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目做網(wǎng)站、成都網(wǎng)站制作網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元溫縣做網(wǎng)站,已為上家服務(wù),為溫縣各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18980820575

sencha touch是一個(gè)html5的重型框架，自帶組件較多，一般應(yīng)用可以湊合著使。

phonegap可以將html5的應(yīng)用本地化。解決了純html5應(yīng)用不能調(diào)用本地機(jī)器接口的問(wèn)題。

兩者結(jié)合蠻好用的。

現(xiàn)在市場(chǎng)上對(duì)于ios開(kāi)發(fā)和HTML5應(yīng)用的需求哪個(gè)更大？

針對(duì)手機(jī)端來(lái)說(shuō)ios的需求更大，針對(duì)pc端來(lái)說(shuō)html5的需求更大，兩個(gè)不同的平臺(tái)沒(méi)法放到一起比

H5的最大優(yōu)勢(shì)就是可以在網(wǎng)頁(yè)上直接調(diào)試和修改，而且更重要的是，它幾乎不用考慮用戶的機(jī)型與適配性問(wèn)題。智能手機(jī)主要被分裂為兩大系統(tǒng)：Android和iOS，一個(gè)做應(yīng)用的團(tuán)隊(duì)，怎么著也得準(zhǔn)備兩套班子來(lái)適應(yīng)用戶兩種手機(jī)。而在Android體系中，版本的分裂和機(jī)型的五花八門，想要求得極致的體驗(yàn)，還得反復(fù)測(cè)試各種版本和機(jī)型。這無(wú)疑大大抬高了開(kāi)發(fā)成本。

就像開(kāi)發(fā)一個(gè)網(wǎng)站無(wú)需太多關(guān)注用戶究竟是windows機(jī)器還是MAC機(jī)器（少許關(guān)注還是需要的，但比起開(kāi)發(fā)軟件所需要的關(guān)注，那就少多了），開(kāi)發(fā)H5同樣能夠大幅降低成本。

第二個(gè)非常重要的優(yōu)勢(shì)在于版本升級(jí)。正如網(wǎng)站升級(jí)和用戶無(wú)關(guān)一樣，H5應(yīng)用的升級(jí)，用戶也不需要去update什么東西。這某種程度上就等于“強(qiáng)制升級(jí)”，這給開(kāi)發(fā)者帶來(lái)的好處也是巨大的：他們不需要考慮應(yīng)用的各種版本的兼容性問(wèn)題。

第三個(gè)也必須注意到的優(yōu)勢(shì)是，如果使用H5（甚至是更低版本的html）開(kāi)發(fā)出網(wǎng)絡(luò)應(yīng)用（web app），它可以繞過(guò)蘋果的應(yīng)用商店，讓用戶直接從網(wǎng)站上下載，這可以避免讓應(yīng)用商店在收費(fèi)上扣去3成的分成制度。

不過(guò)，這絕不是H5在時(shí)下忽然大火的原因。因?yàn)樯鲜鲞@些特點(diǎn)，H5早就具備了。

第一個(gè)重要的原因在于，一直到去年10月29日，萬(wàn)維網(wǎng)聯(lián)盟才宣布，經(jīng)過(guò)近8年的艱辛努力，H5標(biāo)準(zhǔn)規(guī)范終于最終制定完成了，并已公開(kāi)發(fā)布。有了標(biāo)準(zhǔn)規(guī)范，給H5打下了非常重要的基石。對(duì)于互聯(lián)網(wǎng)世界而言，標(biāo)準(zhǔn)規(guī)范幾乎就是生命線。

第二個(gè)重要的原因在于移動(dòng)互聯(lián)網(wǎng)終于如燎原之勢(shì)普及開(kāi)來(lái)，而在中國(guó)，移動(dòng)互聯(lián)網(wǎng)的主要應(yīng)用之一微信，又一直在很多模塊里使用H5技術(shù)，比如微信公眾賬號(hào)。

微信的朋友圈中，除了圖片和文字以外，能發(fā)送進(jìn)去和朋友們分享的，都是網(wǎng)頁(yè)。過(guò)去一般都是分享公眾賬號(hào)的一篇文章，但很快，商業(yè)組織們意識(shí)到，如果把他們的商業(yè)信息做得有趣一些，借助用戶們的分享，他們的傳播效率會(huì)高很多。于是，我們就會(huì)看到今天的朋友圈里動(dòng)輒就會(huì)出現(xiàn)商業(yè)組織的H5制作，比如會(huì)議邀請(qǐng)，比如組織招聘，比如活動(dòng)策劃。

于是，有人開(kāi)始驚呼：H5會(huì)殺死原生應(yīng)用（native app）——不過(guò)，這句話其實(shí)好幾年之前就有人喊過(guò)，F(xiàn)acebook一度還使用所謂的“網(wǎng)絡(luò)應(yīng)用”來(lái)替代原生應(yīng)用（不過(guò)但沒(méi)過(guò)多久，就退了回去。網(wǎng)絡(luò)應(yīng)用還是有很多問(wèn)題，比如對(duì)交互性的即時(shí)響應(yīng)）。

但我始終不這么認(rèn)為。網(wǎng)站并沒(méi)有殺死軟件，web app也很難殺死native app，即便得到H5支持的web app。更有可能的是，一個(gè)native app里在部分甚至大部分模塊里包含H5——事實(shí)上，微信就是這樣的應(yīng)用，F(xiàn)acebook所謂退回native app，本質(zhì)上也是網(wǎng)頁(yè)打包進(jìn)入它的那個(gè)原生應(yīng)用。很難有涇渭分明的web app或者native app。

還有一點(diǎn)是值得我們擔(dān)心的，那就是今天對(duì)H5的使用，過(guò)于營(yíng)銷化了。朋友圈里動(dòng)轍可見(jiàn)的H5，都是營(yíng)銷信息。這讓我不得不想起了一度非?；鸨膍inisite，商業(yè)公司曾經(jīng)瘋狂在這種小型網(wǎng)站上燒錢，一個(gè)策劃專題投入上百萬(wàn)都不算罕見(jiàn)，最終，minisite可以說(shuō)是營(yíng)銷需求催動(dòng)，也毀于過(guò)于營(yíng)銷化。普通用戶圖個(gè)新鮮第一次會(huì)看，第二次第三次，他們總有厭煩的一天。

真正能讓H5大火的，絕不是今天朋友圈這些移動(dòng)互聯(lián)網(wǎng)里的“minisite”，而是能切實(shí)解決某種需求的H5式解決方案。一個(gè)我個(gè)人很看好的方向是視頻。H5理論上是不再需要嵌入什么Flash技術(shù)了。不過(guò)，到目前為止，以谷歌、Firfox、Opera為一方，蘋果為另外一方，就視頻格式問(wèn)題，還在繼續(xù)糾結(jié)磨嘰中。

北大青鳥(niǎo)設(shè)計(jì)培訓(xùn)：新手學(xué)HTML5好還是iOS開(kāi)發(fā)好？

近幾年iOS開(kāi)發(fā)行業(yè)的火熱，讓不少iOS開(kāi)發(fā)者受益不少，甚至很多還未畢業(yè)的大學(xué)生都紛紛來(lái)參加廈門iOS培訓(xùn)，旨在能在大學(xué)畢業(yè)的時(shí)候找到一份高薪工作。

然而自從去年HTML5的出現(xiàn)，似乎搶了些iOS的風(fēng)頭，于是有人開(kāi)始糾結(jié)了，是學(xué)HTML5好還是iOS開(kāi)發(fā)好呢?如果你還搖擺不定的話，那么就讓石家莊計(jì)算機(jī)學(xué)校來(lái)幫你分析一下吧：從目前來(lái)看，iOS開(kāi)發(fā)和HTML5薪資都非常可人，不同的是HTML5現(xiàn)在還不夠成熟，機(jī)遇大，挑戰(zhàn)大，技術(shù)開(kāi)發(fā)方面的高手少，在企業(yè)里會(huì)更吃香;而iOS以及發(fā)展了好幾年，市場(chǎng)已經(jīng)成熟，現(xiàn)在不缺新手，缺專業(yè)高手，幾乎在每一個(gè)互聯(lián)網(wǎng)企業(yè)都需要iOS開(kāi)發(fā)人才。

從未來(lái)發(fā)展來(lái)看HTML5遠(yuǎn)大于iOS。

HTML5逐漸替代現(xiàn)有富媒體腳本語(yǔ)言，在未來(lái)前端開(kāi)發(fā)工程師會(huì)是非常搶手且高薪的職位。

另一方面講，對(duì)于零基礎(chǔ)初學(xué)者建議選擇成本較低的計(jì)算機(jī)語(yǔ)言學(xué)習(xí)，在快速掌握技術(shù)的同時(shí)也可增加自身的信心并對(duì)于后期深入研究其他計(jì)算機(jī)語(yǔ)言打下基礎(chǔ)。

不過(guò)學(xué)習(xí)HTML5要學(xué)的東西很多，雖然都比較簡(jiǎn)單，但是深入還是比較難的。

這和iOS開(kāi)發(fā)差不多。

對(duì)于ios開(kāi)發(fā)局限性和未來(lái)命運(yùn)的問(wèn)題，石家莊北大青鳥(niǎo)小編覺(jué)得這些東西不要想太多，技術(shù)在手，自然什么都有，即使某一天(10年之后?)蘋果突然從世界上消失，那時(shí)候你的價(jià)值也沒(méi)有貶低多少，照樣可以利用對(duì)程序的經(jīng)驗(yàn)轉(zhuǎn)型其他技術(shù)。

你看現(xiàn)在flash的處境，正在技術(shù)頂峰，但是大家都知道他在消亡，那靠flash吃飯的人都在急著轉(zhuǎn)行么?flash會(huì)在幾年內(nèi)消失呢?5年?到時(shí)候恐怕都在做管理了，或者架構(gòu)師，跟具體技術(shù)也沒(méi)什么關(guān)系了。

IOS開(kāi)發(fā)中HTML5到底需要多少種編碼格式

IOS開(kāi)發(fā)中HTML5到底需要多少種編碼格式是本文要介紹的內(nèi)容，主要是來(lái)了解HTML5到底需要多少編碼格式才能支撐的起來(lái)，來(lái)看詳細(xì)內(nèi)容。

HTML5 的 video 標(biāo)簽真的很威武，幾乎所有的主流瀏覽器可以直接提供本地的視頻播放功能，相對(duì)于以前通過(guò) Flash 這種類似“中繼”的播放方式，要先進(jìn)很多。同時(shí)也為一些不支持 Flash 播放的移動(dòng)設(shè)備帶來(lái)的希望。

也許，你會(huì)因?yàn)?video 標(biāo)簽可以支持到的視頻種類而感到困惑。嗯，到底為了實(shí)現(xiàn) HTML5 的特性，到底要轉(zhuǎn)換多少種編碼格式的視頻？WebM，Ogg 還是 MP4？那…iPhone 和 Android 又需要哪種編碼格式？如果我還要提供高、中、低三種碼率的視頻呢？

下面就來(lái)看看到底 HTML5 video 標(biāo)簽的詳細(xì)情況吧。

關(guān)于 Web 格式

目前來(lái)說(shuō)，廣泛被瀏覽器支持的的視頻編碼格式總共有三種，但是沒(méi)有一種可以達(dá)到通吃所有瀏覽器的境界。所以對(duì)于同一個(gè)視頻，至少需要兩種格式，才能在所有瀏覽器里播放。

首先要選擇一個(gè)被支持最多的視頻格式，那么就是 MP4 H.264 這個(gè)組合了，音頻方面則是 AAC 或者 MP3。MP4 封裝的視頻，可以在 Safari、Chrome 和 IE9 里播放（悲劇的是 IE9 只支持 Windows Vsita 和 Windows 7）。同時(shí)，這個(gè)組合也是你通過(guò) Flash 來(lái)作為播放器播放的最好選擇了，同時(shí)這個(gè)組合也可以在很多手持設(shè)備上播放，比如 iOS、Android、Blackberry、PSP、PS3 等等。在 H.264 編碼的時(shí)候，可以選擇 “High Profile” 以獲得最好的編碼質(zhì)量，或者 “Baseline” 來(lái)應(yīng)對(duì)一些移動(dòng)設(shè)備。

除此之外，還有兩個(gè)組合，WebM VP8 和 Ogg Theora Vorbis 來(lái)滿足其他的瀏覽器。WebM 可以在 Firefox（4.0 ）、Chrome（6.0 ）和 Opera（10.60 ）中播放；Ogg 可以在 Firefox（3.5 ）、Chrome（3.0 ）和 Opera（10.54 ）中播放。

那么問(wèn)題又來(lái)了，如果要從中選擇一個(gè)，是 Ogg 呢，還是 WebM 呢？

從我們（Zencoder）來(lái)看，WebM 肯定是未來(lái)開(kāi)放式視頻格式的領(lǐng)跑者，VP8 比起 Theora 來(lái)說(shuō)，要更加的優(yōu)秀，而且還有強(qiáng)大的社區(qū)作為其后盾，特別是 Google 的支持。

反過(guò)來(lái)看 Ogg，其最大的特點(diǎn)是她支持了 44.64% 的瀏覽器（譯者注：這里應(yīng)該是指瀏覽器分部率中，可以播放的比例），而 WebM 僅支持 9.35% 的瀏覽器。如果僅著眼于 2010 年 10 月，那么 Ogg 也是一個(gè)不錯(cuò)的選擇。如果你是為了未來(lái)的 1-2 年，那么WebM 似乎更有優(yōu)勢(shì)一些。

推薦：MP4 WebM 或者 Ogg 其中一種，當(dāng)然全部都編碼出來(lái)也可以 ^^。

關(guān)于移動(dòng)設(shè)備

和瀏覽器的情況一樣，在移動(dòng)設(shè)備上也沒(méi)有一個(gè)可以通吃全盤的編碼方案。不同的移動(dòng)設(shè)備有著不同的編碼標(biāo)準(zhǔn)，甚至比起瀏覽器領(lǐng)域來(lái)說(shuō)，更加的復(fù)雜。不過(guò)還是有一些方案可以讓你省不少精力的。

在這里你可以查看一個(gè)完整的移動(dòng)設(shè)備編碼列表。

1、現(xiàn)在絕大多數(shù)的移動(dòng)設(shè)備都支持 MP4/H.264。包括 iOS 系列的產(chǎn)品（iPhone、iPod、iPad、Apple TV 等），絕大多數(shù)的 Android 設(shè)備，新的黑莓手機(jī)。對(duì)于這類設(shè)備，編碼的時(shí)候應(yīng)該選擇 “Baseline”。在分辨率上，對(duì)于 iOS 和 Android 設(shè)備，選擇不高于 640×480 的分辨率即可，對(duì)于黑莓系列手機(jī)，選擇不高于 480×360 的分辨率即可。

注意：可以在 iPhone 上播放的這類編碼格式，同樣也可以在 HTML5（當(dāng)然僅僅是一部分瀏覽器） 或者 Flash 中播放。如果你怕麻煩或者想節(jié)省一些轉(zhuǎn)換花費(fèi)的時(shí)間，可以考慮選擇在編碼的時(shí)候，不高于 iOS 系列設(shè)備和 Android 系列設(shè)備的分辨率。如果你不怕麻煩，并且視頻在不同的碼率上表現(xiàn)差異很大，或者需要在電腦上有更清晰的表現(xiàn)，就多編碼出來(lái)幾個(gè)不同的碼率吧。

2、對(duì)于一些老的移動(dòng)設(shè)備，選擇 3GP/MPEG4。絕大多數(shù)的黑莓手機(jī)和一些 Android 的手機(jī)，都支持這種格式。同時(shí)，3GP 在 iPhone 和 iPod 上都可以播放。

3、關(guān)于 WebM，現(xiàn)在也許還不是一個(gè)好的選擇，雖然在一些 Android 的手機(jī)上已經(jīng)可以播放，但是支持還不是很廣泛。預(yù)計(jì)未來(lái) 1-2 年會(huì)有更多的支持 WebM 格式的手機(jī)。

推薦：怕麻煩則 MP4 格式，640×480 或者 480×360。不在乎編碼時(shí)間和存儲(chǔ)空間，就應(yīng)該選擇三種 MP4 編碼方案（480×360，640×480，720p “Main profile” ）

外加一到兩種 3GP 格式（320×240 或者 176×144），可以參考這份日志來(lái)獲取更加詳細(xì)的編碼參數(shù)。

關(guān)于多種比特率

有可能你在考慮，是不是要為帶寬很足的用戶準(zhǔn)備高比特率的視頻，并且為了照顧小帶寬的用戶，另外再準(zhǔn)備一份低比特率的視頻呢？如果你的用戶已經(jīng) 開(kāi)始在互聯(lián)網(wǎng)上觀看高清的視頻，那么為了迎合這類用戶的習(xí)慣和用戶體驗(yàn)，那么答案則為是?？梢钥紤]提供 2-3 種不同比特率或者分辨率的視頻來(lái)滿足使用不同互聯(lián)網(wǎng)連接方式的用戶。比如提供一份 640×360 和 一份 1280×720 的選擇。未來(lái)我們會(huì)更多的討論這個(gè)問(wèn)題。

關(guān)于流媒體播放

本篇文章不討論關(guān)于流媒體的問(wèn)題，并且 RTMP（Flash）、Smooth Streaming（Silverlight）、HTTP Live Streaming（iOS）都要求特殊的視頻格式。這已經(jīng)超出了我們要討論的范圍了。未來(lái)將會(huì)有相關(guān)的文章進(jìn)行討論

結(jié)論

1、最低限度的支持 HTML5，應(yīng)該選擇 MP4 WebM 或者 Ogg 其中的至少一種，并且使用 Flash 來(lái)播放 MP4 以便提供向下兼容支持。

2、移動(dòng)設(shè)備方面，H.264/MP4 會(huì)讓你省心很多，如果可以提供 2-3 種不同分辨率和碼率的視頻，會(huì)大大增加兼容性。

建議

以下是關(guān)于所有類型的視頻編碼方案建議，Zencoder 支持以下列出的所有編碼格式（廣告了…）

1、只為能播放

HTML5，F(xiàn)lash和移動(dòng)設(shè)備：MP4/H.264，使用 “Baseline” 編碼，480×360 或者 640×480

HTML5：WebM 或者 Ogg

2、更上一層樓

HTML5，F(xiàn)lash：MP4/H.264，“High profile” 編碼

HTML5：WebM

HTML5：Ogg

移動(dòng)設(shè)備：MP4/H.264，“Baseline profile” 編碼，分辨率 480×360 或者 640×480

3、我要支持所有設(shè)備和瀏覽器

HTML5，F(xiàn)lash：MP4/H.264，“High profile” 編碼

HTML5： WebM

HTML5：Ogg

移動(dòng)設(shè)備：MP4/H.264，“Baseline profile” 編碼，分辨率選擇 480×360 以便提供高兼容性

移動(dòng)設(shè)備：MP4/H.264，“Main profile” 編碼，分辨率 1280×720 以便支持新的設(shè)備（如 iPhone4、iPad 和 Apple TV）

移動(dòng)設(shè)備：3GP/MPEG4，分辨率320×240 和（或） 177×144 以便支持非智能手機(jī)。

文章名稱：ios開(kāi)發(fā)html5,IOS開(kāi)發(fā)工程師
當(dāng)前鏈接：http://m.jiaotiyi.com/article/dsdejei.html