『壹』 什麼是h5,h5的場景製作工具有哪些
h5就是html5,HTML5是用於取代1999年所制定的 HTML 4.01 和 XHTML 1.0 標準的 HTML 標准版本,現在仍處於發展階段,但大部分瀏覽器已經支持某些 HTML5 技術。HTML 5有兩大特點:首先,強化了 Web 網頁的表現性能。其次,追加了本地資料庫等 Web 應用的功能。廣義論及HTML5時,實際指的是包括HTML、CSS和JavaScript在內的一套技術組合。它希望能夠減少瀏覽器對於需要插件的豐富性網路應用服務(plug-in-based rich internet application,RIA),如Adobe Flash、Microsoft Silverlight,與Oracle JavaFX的需求,並且提供更多能有效增強網路應用的標准集
h5的製作工具有:
一、Adobe Edge
目前還處於預覽階段的Adobe Edge是用HTML5、CSS、JavaScript開發動態互動內容的設計工具。內容可以同時兼容移動設備和桌面電腦。Edge的一個重要功能是Web工具包界面,方便確保頁面在不同瀏覽器中的架構一致性,此外Edge還將整合TypeKit這樣的字體服務。
動畫和圖形可以添加到HTML元素中,程序也能通過Edge自身的代碼片段庫或者JavaScript代碼進行擴展。動畫可以在獨立的時間線上進行嵌套,還能實現互動功能。符合可以服用並通過API和代碼片段控制。通過Edge設計的內容可以兼容iOS和Android設備,也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器。
二、Adobe Dreamweaver CS6
Adobe Dreamweaver CS6作為一個Web設計軟體,提供了對HTML網站和移動程序的可視化編輯界面。其Fluid Grid排版系統整合CSS樣式表功能,提供自適應版面的跨平台兼容性。開發者可以完全實現Web設計的可視化操作,無需為代碼所困。
用戶不但還能在Live View中預覽,還提供多屏幕預覽功能。開發者可以通過MultiScreen預覽面板查看HTML5內容的渲染效果。Live View通過WebKit渲染引擎支持HTML5。
三、Adobe ColdFusion 10
ColdFusion是用來開發企業Web程序的伺服器端技術,通過Websockets、互動表單、視頻和地理標簽等HTML5技術創建富媒體用戶體驗。
四、Sencha Architect 2
在開發移動和桌面應用的工具中,Sencha的定位是HTML5可視化應用開發。開發團隊可以在一個單一集成的環境中完成應用的設計、開發和部署。開發者還可以開發Sencha Touch2和Ext JS4 JavaScript應用,並實時預覽。
五、Sencha Touch 2
Sencha Touch2是移動應用框架,也被看作是Sencha的HTML5平台。開發者可以用它開發面向iOS、Android和Blackberry、Kindle Fire等多種平台的移動應用。
六、Dojo Foundation Maqetta
來自於IBM的一個項目,Dojo Foundation Maqetta是為桌面和移動設備開發HTML5應用的開源工具,支持在瀏覽器中查看HTML5界面。用戶體驗設計師可以通過拖放組裝UI樣板
七、微軟Visual Studio 2010 ServicePack 1
雖然一開始並不支持HTML5,但微軟在2011年三月發布的Visual Studio 2010 SP1中提供了IntelliSense,追加了針對HTML5的一些元素。
八、JetBrains WebStorm 4.0
作為擁有HTML編輯器的JavaScript集成開發環境,WebStorm4.0提供了開發web應用的HTML5樣板。開發者可以在創建HTML文檔時可獲得對HTML5文件的支持。例如砍伐者鍵入。開發者還可以在chrome瀏覽器中實時預覽HTML文檔。
九、Google Web Toolkit
該開發工具用於開發瀏覽器應用,但庫中支持很多HTML5功能。包括對客戶端或web存儲的支持。其他HTML5功能還包括支持Canvas可視化,以及音頻和視頻widget。
十、DCloud HBuilder
HBuilder是當前最快的HTML開發工具,強大的代碼助手幫你快速完成開發,最全的語法庫和瀏覽器兼容性數據讓瀏覽器碎片化不再頭痛。
『貳』 蘋果瀏覽器如何進行H5雙向視頻
基於WebRTC可以在瀏覽器進行H5頁面的雙向視頻
WebRTC,名稱源自網頁即時通信(英語:Web Real-Time Communication)的縮寫,是一個支持網頁瀏覽器進行實時語音對話或視頻對話的API
『叄』 請問哪個製作h5的軟體不限制頁數
現在國內H5軟體,比較受歡迎的就是iH5咯,功能強大嘛。
以下摘取了一篇來自HTML5行業資訊的,關於這款軟體的功能測評文章,題主可以參考參考~
——————————分割線
轉載自搜狐新聞,作者:HTML5行業資訊
你也許已經發現,我們正在向「人人做H5」的時代邁進。隨著國內HTML5技術的成熟,越來越多H5頁面製作軟體崛起,H5製作不再是小眾的玩物,而是互聯網經濟的新產物。
據不完整統計,國內市面上存活的H5頁面製作軟體有超過50個,說是百家爭鳴一點都不誇張。但用戶量最多的當屬iH5和Equb360兩家,功能、技術水平等方面在國內都是屈指可數的。
兩者都向用戶提供可視化的HTML5編輯框架,打開電腦端網頁即做即用,但性能上卻迥然不同。
通過閱讀這兩家工具的相關資料,加上反復使用測試,以四大指標對比iH5和Equb360,重點在於幫助大家更客觀地認識這兩款H5頁面製作軟體:
一、內容製作
內容製作是使用H5頁面製作軟體的直接目的,這里把內容製作劃分為兩大評測模塊:編輯方便度和功能覆蓋度。編輯靈活程度越高,內容製作越高效;功能覆蓋度越高,內容製作越有質量。
(1)編輯靈活度
iH5的對象管理系統完善,操作靈活度高,它封裝了齊全的文檔對象模型(DOM),提供的組件基本是對象類型的,比如全景容器、物理引擎、資料庫等。它定義了所有HTML元素的對象和屬性,以及相應的訪問介面,這使不同對象間有了更多聯動的可能。
換句話說,它支持在對象樹上自主獲取、修改、添加或者刪除對象,用戶能對不同類型的對象組件進行靈活管理,同時支持PSD文件上傳編譯。
Equb360的對象管理系統差強人意,操作靈活度低。它封裝的是模塊化(Molarization)模型,提供的組件框架格式基本是固定且相互割裂的,比如計時器、評論組件等。這就意味著,對組件的操作很大程度局限在修改內容上,基本丟失了H5交互的意義。
受模型框架影響,並不支持PSD文件直接上傳,而且當頁面下多個對象重疊時,不能直接選取最底層對象,非得一層層挪開,這是最抓人的吧...
(2)功能覆蓋度
按市面上H5在多媒體范疇的應用,摘取常用於H5設計的功能,以此作為憑據,對比兩個H5頁面製作軟體的功能覆蓋度——
基於DOM封裝開發的iH5組件功能數達到51個,比Equb360多出將近20個。另外,iH5的組件開發都基於交互基礎,因此更能延伸出成千上萬種復合型的交互可能,但模塊導向的Equb360顯然心有餘而力不足。
在上圖中,表單類的基礎多媒體組件服務,Equb360360跟iH5很接近,但在高級多媒體組件上,遠不及iH5那麼全能。特別是去年行業剛興起的全景模式,iH5的功能開發可以說是緊追流行趨勢。
放眼數據應用組件,像輸入框、文本框、數據提交這類底層的服務組件,Equb360雖然支持,但收費才開放似乎有些不合情理。
二、學習成本
對於初學者來說,會更傾向於選擇學習成本低的H5頁面製作軟體,如果它的學習成本遠高於學習期望值,那麼註定會流失一部分沒耐心的用戶。
按常理來說,H5頁面製作軟體的功能越豐富,學習成本越高。然而,iH5比Equb360多出20個功能,學習成本卻遠低於Equb360。
這是為什麼呢?
(1)垂直化的視頻教學
iH5共收納197個教學視頻,內容垂直程度高,實用性高。教學視頻涵括新手必學、進階必備、特效使用、工具字典、案例學習五大類型。每個類型針對不同的功能,細分出不同的教學,方便用戶各取所需、即學即用,比如想兩分鍾創建一個H5處女作,或者建立一個H5網站,都能在這里找到答案。
Equb360共收納48個教學視頻,內容較發散,實用性低。教學視頻只分為「初、中、高級教程」三種,學習路線下的教學視頻純粹是功能介紹,無實質性意義,用戶看完還處於雲里霧里的感覺。
(1)系統化的教學閉環
iH5除了教學視頻,還設有線上直播課、線下學院課堂,形成從線上到線下的教學閉環。這系統化的教學閉環,簡直是為了初學者量身定做——線上課程掌握基礎功能,線下課程學習案例臨摹,在最短時間內進階成H5大神,毫無壓力。
Equb360除了教學視頻,只剩下幫助文檔和常見問題解答。想百分百掌握,還得靠自己連滾帶爬地摸索...
三、流量統計
針對H5工具,流量分為兩種:
①網站活躍流量
②H5案例流量數據
前者反應網站有多少人瀏覽,即網站熱度,觀察網站首頁的可視化數據可得;後者反應H5作品的有效數據統計,觀察每個H5作品後台的數據統計結果可得。iH5跟Equb360在這兩個維度上的對比尤為明顯——
(1)網站活躍流量
iH5網站首頁作品瀏覽量大部分超10萬,網站熱度高。iH5首頁可以看成是一個完整的商業生態圈,因為iH5首頁展示的作品基本屬於優質營銷類H5,吸引大批有深度營銷需求的企業找設計師定製,形成「接單——合作——展示——接單」的閉環商業生態,創作技法越精湛的設計師,在iH5越吃香。
Equb360網站首頁作品瀏覽量最高2萬,三位數瀏覽量佔大多數。Equb360的日活躍數不低,但網站首頁瀏覽量卻低得離譜,這可能是它這款H5頁面製作軟體功能短板造成的,並不能吸引到有深度推廣需求的企業,因此網站的流量增長只能依靠個人用戶,作品曝光率低。
(1)H5案例流量數據
iH5的數據監測更精準,以每小時為單位監測。除了瀏覽量總量、各打開/轉發方式佔比,還涵括今日/昨日、最近一周、最近30天的數據對比。除此之外,iH5還向企業用戶開放精準數據統計後台——H5VALUE,為單個案例分析地域流量、終端流量、瀏覽時段、傳播指數、活躍用戶量等細分化指標,也支持多個案例對比,在精細化數據面前,刷量原形畢露,剩下的只有真材實料的推廣效果。
Equb360的數據統計較粗略,只有數據總量。雖然在後台設有專門的「推廣分析」欄目,但只統計了朋友圈、微信群、好友這三種H5傳播方式的數據,統計效果是相形見絀的。
四、付費相關
讓用戶最頭疼的莫過於H5頁面製作軟體的收費問題,明擺著一個功能,卻需要付費才能使用,這是最納悶的。以下針對個人和企業兩種用戶,將付費相關的評測分為三個方向——
(1)模板商城的付費
iH5針對不同場景,劃分八大類共184個精美模板,價格低至1元/個,持續上新。
Equb360可復制的模板只有14個,模板復用價值低,數量少,更新慢。
(2)個人用戶的付費
iH5個人用戶使用全部組件(51個),不限定作品創建數量。iH5所提供的全部功能,比如資料庫、全景模式、物理引擎等高級交互功能,個人用戶都能使用,沒有任何收費門檻,只要有靈感,隨意創作。
Equb360個人用戶需付費才能使用高級表單等組件,還限定10個作品創建數量。值得一提的是,它還規定儲存空間為2GB,按10個作品來算,也就是說單個作品200MB,超過2MB的H5體量已經很大了,所以200M是個什麼概念?這體驗版的設定,有忽悠人付費的嫌疑。
(3)企業用戶的付費
按賬戶類型分,iH5分為創業版、企業版、VIP企業版四類,VIP企業版(10賬戶)的年專屬流量達500萬次,其中去LOGO流量服務為1000元/10萬次流量,微信授權費用為1元/月,無其他單獨收取的費用。
Equb360分為體驗版、基礎版、專業版、企業標准版、企業高級版(5賬戶,限制儲存空間),分別增收年費最高19999元,套餐外單獨收取費用的項目雜多,比如綁定獨立域名需一次性支付2000元開通,案例導出另外收費。
綜上所述,這兩個H5頁面製作軟體經過四個不同維度的綜合評測,可以看出iH5在性能、服務上遠高於Equb360。
簡單地說,Equb360適合低流量曝光的輕度營銷,通過HTML5的跨平台特性,弱化交互的概念,強化模板式展示,憑借H5頁面製作軟體的殼,把傳統離線PPT轉換到手機上展示。
而iH5以交互作為開發目的,讓交互功能間的組合更具復合性和創造性,更適合高流量的深度營銷,極大程度壓縮開發成本的同時,幹掉前端,取代程序員在H5頁面開發中的角色。
『肆』 微信H5頁面免費製作工具有哪些,求各位大神解答
四大免費在線H5微信開發工具:
一、we+
優點:we+口號是三分鍾製作互動展示。相較於其他平台,we+編輯頁面功能按鈕設計簡潔明了,是Apple蘋果風格,功能強大。行業首發的功能,如地圖導航、事件、藝術字體、預約調研等。模板方面we+模板更加精緻,動效豐富。同時 We+是業內首家支持PC端、手機端、iPad端多終端適配的平台。同時提供H5定製,包括方案策劃和新媒體傳播。
缺點:we+是電影娛樂高端定製的H5供應商,但平台上免費模板數量上偏少,雖然已經做到周更新,但仍顯不足。而且由於主做電影娛樂高端H5定製,個人用戶H5定製尚在起步階段。
二、易企秀
優點:易企秀口號是移動場景自營銷管家。是針對移動互聯網營銷的在線H5場景製作工具,有ios,安卓移動客戶端,在手機上也可創建場景應用,動態模板豐富,可以簡單、輕松製作基於HTML5的精美手機幻燈片頁面。易企秀模板數量大約有1100多個,且用戶可以自行上傳模板,模板分類標簽詳細,但精美度一般。
缺點:易企秀的統計數據是否准確需要進一步確認,目前看來可能有遺漏數據的現象。在模板質量上,模板很一般,在創意、精美程度上都低於其他三家。由於定位是移動場景自營銷,在H5定製方面,易企秀起步很慢,而且專業性略顯不足。
三、MAKA
優點:MAKA口號是簡單、強大的HTML5創作工具。編輯界面有新手(有模板)和高階(無模板)兩種編輯模式,提供一些特效模板,都是設置好的效果。模板美觀,大約60個。
缺點:maka中提供的文字、圖片樣式都比較有限,不能修改表單,另外要使用數據統計模板也有條件限制。免費版不提供添加外鏈,更遺憾的是,免費版也不提供自定義動效、支付、導航、預約等功能。VIP賬戶價格略高,且不提供方案策劃、H5傳播等高級定製服務。適合對功能要求不高的人。
四、兔展
優點:兔展口號是像PPT一樣製作移動H5頁面。分為免費版、體驗版、VIP版,相對於其他平台而言,兔展的編輯頁面簡單易上手, DIY程度較高,動畫實現方便。模板多樣,大約130個,精美度一般。同時兔展還提供H5定製,包括方案策劃和新媒體傳播。
缺點:兔展編輯界面大小不可調節,上傳的圖會比例失調,生成頁面後在不同手機型號上顯示會存在拉伸現象。兔展免費版僅支持默認功能,體驗版和VIP版價格偏高,性價比略低。兔展目前只支持Safari和chrome瀏覽器。
『伍』 蘋果電腦瀏覽器怎麼默認h5視頻播放器
點擊視頻文件滑鼠右鍵,查看信息,選擇打開方式為你的播放器,再點擊下面的應用到全部文件即可以了