整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
謝 DCloud 社區(qū)原作者（1091656813@qq.com：http://ask.dcloud.net.cn/article/13494），本人做了一點代碼精簡。
簡單說下 HTML5Plus，與 Cordova（含 ionic）類似，是 js 寫了中間層協(xié)議，使得打包在 APP 中的 webview 組件可以通過暴露出來的 api 接口調用原生的能力，比如頁面?？刂?，拍照等等。
適用于快速原型開發(fā) APP，性能要求不是那么高的 APP 開發(fā)（90% 的 APP 性能要求都是夠的）。
優(yōu)點：超級簡單，是個前端就能做 APP，這一條就夠了！
缺點：1. 依賴自家 IDE，之前是 HBuilder，現在推新版 HBuilderX（Vue 官網也投放了廣告）；2. 社區(qū)環(huán)境差，非大廠不開源基本都這樣（好在自家迭代還算迅速）；3. 自家 UI 框架用的還是 iOS 樣式，萬年更新一次……
對了，附帶一個小 tip：iOS 上架的 APP 必須有調用 iOS 系統(tǒng)接口的操作（哪怕僅僅是陀螺儀），否則被拒。Android 同樣建議如此。
// 默認截屏全屏
const obj = {
top: '0px',
left: '0px',
width: '100%',
height: '100%'
}
// 動態(tài)獲取時間作為文明標識
function getDateStr() {
return String(Date.parse(new Date()));
}
/**
* @params {function} successCB 必填的成功回調
* @params {function} errorCB 失敗回調
* @params {string} fileName 文件名
* @params {string} imgID 圖片 id
* @params {boolean} overwrite 是否覆蓋已有文件
* @params {string} format 格式
* @params {number} quality 成圖質量
* @params {object} clip 截屏區(qū)域
*/
function save(successCB, errorCB = () => {}, fileName = getDateStr(), imgID = getDateStr(),
overwrite = true, format = 'png', quality = 50, clip = obj) {
const cw = plus.webview.currentWebview();
const bitmap = new plus.nativeObj.Bitmap(imgID);
//繪制截圖
cw.draw(bitmap, function() {
// 保存Bitmap圖片
bitmap.save('_doc/' + fileName + '.' + format, {
overwrite,
format,
quality,
clip
}, function(i) {
//保存到系統(tǒng)相冊
plus.gallery.save(i.target, function(details) {
//銷毀Bitmap圖片
bitmap.clear();
successCB({
success: 'success',
details,
});
}, function(e) {
//銷毀Bitmap圖片
bitmap.clear();
errorCB({
error: '圖片保存至相冊失敗',
details: e
});
});
}, function(e) {
bitmap.clear();
errorCB({
error: '圖片保存失敗',
details: e
});
});
}, function(e) {
errorCB({
error: '截屏繪制失敗',
details: e
});
});
}
// 調用保存
function clickSave() {
save(function() {
alert('保存成功，請前往相冊分享');
})
}
都已經在注釋里面，拿來即用。
建議接觸 HTML5Plus 的同學保存一份，以備不時之需。
這個是這兩天遇到的小 tip，希望幫到你。謝謝。
TML5像是互聯(lián)網行業(yè)扔下的一顆炸彈，有些人還未反應過來，原先專注的領域也許就將面臨徹底的革新。比如像前幾年瘋狂甚至有點野蠻成長的App。雖然HTML5從出現到去年標準塵埃落定，一直在爭議中曲折發(fā)展，但是各種H5頁面的推廣以及H5小游戲在不斷的涌現，以HTML5應用為重心的領域也在吸引包括互聯(lián)網巨頭的不斷靠攏，甚至有風投也在此領域頻頻出手，看懂HTML5的未來，會發(fā)現一個新的移動互聯(lián)網黃金時代就要到來。
巨頭，兩手都抓，兩手都硬
對于中國的互聯(lián)網巨頭來說，現在在做的兩件事，一是爭搶移動入口的同時既布局原生應用，一是開放Html5，并且兩手都在抓且兩手都硬，
1、騰訊
騰訊，作為掌控著國內最大的移動入口平臺公司，正在通過微信公眾平臺開始構建一個強大的輕應用平臺。騰訊一直都在努力為那些欠缺開發(fā)能力的公眾賬號，提供一個簡單、標準化的解決方案——人人都能開發(fā)“微信應用”，這吸引了無數的企業(yè)和用戶進來。
日前，對于很多的企業(yè)以及移動開發(fā)者們來說，最激動人心的一件事情莫過于微信JS SDK的發(fā)布。
微信JS-SDK包提供的11類接口集，開發(fā)者不僅能夠在網頁上使用微信本身的拍照、選圖、語音、位置等基本能力，還可以直接使用微信分享、掃一掃、卡券、支付等微信特有的能力，這也意味著微信公眾平臺將更加開放，微信公眾號的可定制性更加靈活。
對用戶來說，在微信中看到的html5不再局限于簡單的頁面展示，而是一個功能較全面的App，它包含更多的互動功能。對于第三方開發(fā)者來說，舍棄原生應用，專注做好基于微信的html5應用，比以往時候都更容易。而對企業(yè)來說，微信營銷將變得更加輕松，企業(yè)與用戶之間的對接將更加容易。
此外，QQ瀏覽器作為國內第二大瀏覽器，網頁應用的開放也在如火如荼地進行當中。
不過與此同時，騰訊也在努力打造一個強大應用分發(fā)平臺——應用寶，并通過綁定微信、手機QQ、瀏覽器、騰訊手機衛(wèi)士等全平臺來實現應用分發(fā)。今年騰訊在應用寶上的發(fā)力讓騰訊在移動應用分發(fā)的市場份額已經上升到了22%，跟360幾乎不相上下。
2、百度
而百度呢，通過收購了91手機助手、安卓市場以及自家推出的百度手機衛(wèi)士、百度搜索等，百度在移動應用分發(fā)上已經確立了老大的位置。
但是從百度的戰(zhàn)略發(fā)展來看，百度更重視html5平臺的搭建。而且百度在很早之前就已經推出了“輕應用”這個概念，百度的這個輕應用本質就是html5，并向開發(fā)者和企業(yè)推出了各種技術開放接口。
與此同時，百度通過百度瀏覽器、百度搜索等為這些企業(yè)和用戶提供導流，促使讓用戶保持原有的搜索習慣，并推出了為企業(yè)服務的直達號。
3、360
360，同樣一方面通過360手機助手和360手機衛(wèi)士在推動原生應用的發(fā)展，另一方面通過360搜索和360瀏覽器在加速html5的布局。尤其是在2014年，UC宣布進軍移動搜索之時，似乎刺激到了360，360也開始意識到了未來移動搜索和瀏覽器入口的重要性，并在去年開始大力推360手機搜索和360手機瀏覽器。
4、搜狐
1月15日，在手機搜狐網3.0發(fā)布以及html5技術研討會上，搜狐透露，手機搜狐網3.0就是基于html5技術。張朝陽曾在個人微博里大力推薦QQ瀏覽器和騰訊X5瀏覽器，其實張朝陽此舉無非就是想讓用戶更多的使用瀏覽器，而通過html5技術搭建的手機搜狐網內容則能夠更好地在瀏覽器上面展示。
大家要知道，搜狐新聞客戶端可是搜狐舉全公司之力打造的一款新聞客戶端，如今張朝陽卻在推動html5生態(tài)圈的形成，足見張朝陽已深知html5大勢的來臨。
5、阿里巴巴
全球最大的在線支付平臺，支付寶也正在通過服務窗為企業(yè)和用戶之間提供一個橋梁，而這個橋梁的應用也正是基于支付寶內部的html5。
作為國內最大的移動瀏覽器，UC瀏覽器同樣也把html5的開放放在了重心。目前，UC網頁應用中心的月活躍用戶已經超過了6000萬，收錄了20大類超過數萬款的輕應用，并且國內超過90%的應用開發(fā)者都會通過UC網頁應用中心來推廣他們的輕應用。
不僅如此，UC神馬搜索也正在開始努力打通和輕應用的無縫連接，實現為輕應用與用戶對接和開放更多的流量入口。
從移動互聯(lián)網以及巨頭們的戰(zhàn)略發(fā)展變化來看，不管是360手機衛(wèi)士、百度手機衛(wèi)士、豌豆莢還是騰訊手機衛(wèi)士，移動應用分發(fā)更多的都只是在為手機游戲、手機日常必備工具提供入口和導流。
而對于巨頭們來說，打造一個真正強大的移動入口平臺，html5已經變得越來越重要。同樣對于企業(yè)和很多開發(fā)者們來說，借助巨頭的平臺，開發(fā)更適合該平臺的輕應用能為自己帶來更多的流量和資源，實現對客戶更好的對接。
風投涌入，HtmL5 下一個風口
早在2010年，專注于HTML5的公司磊友科技獲得了創(chuàng)新工場的天使投資，但當時HTML5本身有一些缺陷，網絡環(huán)境很差，整個智能機的環(huán)境也尚不成熟，做HTML5的公司也只能選擇轉型了。然而，去年11月，html5研發(fā)引擎Egret獲得了小米1000萬美元的融資，今年 1月21日，創(chuàng)新工場再次投資千萬級人民幣于HTML5 領域的火速輕應用。來自劉曠的獨家消息，同樣一直在堅守H5陣營的云適配，也正被推升至投資人關注的焦點，目前將完成該領域內一筆更大的融資。
HTML5 的發(fā)展路途雖然曲折，但是堅持并且最后成功的人總會看到常人看不到視角。 “HTML5的未來是我一直堅信的，他也絕對不是我們只看到的網頁那么簡單，他帶來的改變可能是顛覆性的?！?原微軟瀏覽器核心研發(fā)成員陳本峰說。“比如，瀏覽器這個概念將會變得完全不同了，未來我們需要講 WebView，而不是Browser，用戶未來只要找到一個H5網頁內容聚合入口，無需下載便能輕松獲取各種應用信息。那如何才能加速這個環(huán)境的到來， 這就是我們現在開發(fā)的跨屏前端框架Amaze UI 在為大家做的。
此外，云適配所推出的Amaze UI框架，以移動優(yōu)先，免費提供豐富Web組件，來讓開發(fā)者輕松進入html5領域，上線幾個月就已經沖上最火爆的國產開源軟件前十，這也許也是他被風投關注的重要原因之一。
不管是巨頭之間的爭奪，還是風投的涌入，我們都可以看出html5給創(chuàng)業(yè)者們帶來了更多的機會，Html5時代的到來將會對整個移動互聯(lián)網格局產生巨大的影響，也將引發(fā)一場新的變革。
作者：劉曠，購團邦資訊創(chuàng)始人，微信公眾號：bangkeji
“譜時”項目創(chuàng)始人段毅，“譜時”為創(chuàng)業(yè)邦星際營Bang Camp 7期項目。
文| 鉛筆道 記者 邵毛毛
?導語
深圳五洲賓館內，馬云正在“2017中國（深圳）IT領袖峰會”現場進行演講。
臺下，作為此次峰會官方攝影技術服務商，“譜時”攝影師團隊在專注地捕捉現場畫面。隨著他們按下相機快門，一張張圖片不斷地實時傳至云端平臺。
這些照片將立即經“譜時”智能影像系統(tǒng)處理（分類、篩選、修圖），并由團隊修圖師把控圖片質量。拍下照片3分鐘后，可傳播的精修圖片會出現在公開HTML5頁面，供活動主辦方和各家媒體使用。
這是商業(yè)紀實攝影方案提供商“譜時”所推出的服務。去年8月，段毅將公司業(yè)務轉型，創(chuàng)立“譜時”為B端企業(yè)客戶提供預約攝影師和修圖師、設計拍攝方案等一系列攝影服務。
目前，“譜時”已服務客戶800余家，其中20%客戶為長期簽約合作。
注: 段毅承諾文中數據無誤，為其真實性負責，鉛筆道已備份錄音速記，為內容客觀性背書。
轉型商業(yè)攝影
段毅沒想到，不知何時與京東建立的合作，竟然為攝影平臺帶來了數量不少的訂單。
此前在計劃創(chuàng)業(yè)時，身為攝影愛好者的他毫不猶豫地瞄向了攝影服務市場。梳理過去運營攝影社區(qū)所積累的資源，他在2015年年初上線校園攝影O2O平臺“茄子拍”，幫助大學生預約獨立攝影師。
“可能校園攝影并不是剛需，且C端消費頻次較低?！倍我阍诒本┎糠謱W校推廣平臺的成果并不理想，每月訂單寥寥，“大概有幾十單”。
而在當年年中，一位京東平臺的商家通過京東渠道找上段毅，希望平臺可以對接適合的攝影師幫助拍攝新品宣傳照片。之后，還不錯的客戶反饋使團隊與京東談成合作，公司成為京東供應商之一，為平臺商家提供拍攝服務。
一來二去，通過對比后臺的訂單數量，段毅發(fā)現B端市場的客戶需求更為旺盛，且頻次更高。據他介紹，當時平臺C端與B端的訂單之比約為1：10。
段毅關注起了B端攝影服務市場。他認為，相比C端攝影，商業(yè)攝影的種類更多，如美食攝影、產品攝影、高端人像、公關活動攝影等；且企業(yè)的拍攝需求更為迫切，“因為這是營銷推廣所是必須的環(huán)節(jié)”。
但市場中卻少有為B端企業(yè)服務的影樓、照相館等專門機構?！癇端商業(yè)攝影的供應體系還未建立，更多是通過熟人介紹、中介推薦等方式提供服務?！?/p>
段毅躍躍欲試地準備開挖商業(yè)攝影市場，去年6月，他將“茄子拍”轉型為“譜時”。轉型后的項目基于活動會議、體育賽事、文藝演出等場景，為企業(yè)客戶提供攝影服務。
改變照片傳輸方式
總結此前的經驗教訓，段毅這回并不甘心只做一個對接平臺。他想為“譜時”打造一個核心競爭力。
他是技術出身，創(chuàng)業(yè)前曾先后就職諾基亞和人人網，負責產品移動端研發(fā)并任技術委員會委員。
同時，在與部分攝影師和企業(yè)客戶交流后，段毅發(fā)現攝影行業(yè)的自動化水平低，大都環(huán)節(jié)均依靠人工完成。因此，照片的交付周期極為漫長。“有時需2~3天甚至幾星期才能拿到成片”，這顯然無法滿足現代企業(yè)的即時傳播需求。
他設想，用技術手段改變現有攝影的線性工作流程，讓企業(yè)第一時間拿到照片。如此，“譜時”便能為客戶帶來更多價值。
段毅和團隊首先從改變照片傳輸方式入手。一張照片從拍攝、后期處理到最終交付客戶，中間要流轉多方之手。傳統(tǒng)的交接方式為，攝像師完成全部拍攝后將相機存儲卡取出，圖片傳輸電腦進行后期處理，精修圖片再通過移動硬盤交付客戶。
而“譜時”開發(fā)實時傳片系統(tǒng)，使照片在拍攝后直接傳輸至云端平臺。其中，終端設備包括“譜時快傳”App、數據線等軟硬件。
最初，“譜時”曾專門研發(fā)一款單片機，但考慮到客戶還需另行購買該硬件，不便于日后推廣，團隊又另開發(fā)App將功能移植至手機。
通過數據線，手機與相機連接，攝影師可使用App接管相機完成拍攝。
◆ “譜時”相機智能終端
攝影師邊拍攝，修圖師可同步進行后期處理，客戶也可實時看到拍攝照片。最后，精修圖片的最終溝通、交付也在線上進行。
去年10月，“譜時”正式將實時傳片系統(tǒng)對平臺簽約攝影師開放。段毅說，當時的客戶量大增，最高峰時每天約有20~30場拍攝活動。
嘗到了甜頭，段毅和團隊可以肯定，市場認可“譜時”的技術優(yōu)化方向。接下來，他們打算讓技術介入拍攝之后的圖片處理環(huán)節(jié)。
3分鐘交付客戶成片
“拍攝一時爽，修圖火葬場?！痹谂笥讶?，段毅常看到攝影師朋友對圖片繁瑣處理過程的吐槽。
首先是選圖。如果攝影師拍攝1000張照片，但能使用的照片可能僅有100張。攝影師需根據構圖結構、光線等對其挑選，之后才能進入修圖環(huán)節(jié)。
為解決圖片的后期處理耗時問題，段毅引入機器學習技術。“照片處理是機器學習中非常成熟的領域?！蓖ㄟ^設計算法模型，系統(tǒng)可以自動處理照片。團隊中曾開發(fā)谷歌地圖的架構師負責搭建底層算法模型，包括分類、篩選（打分）和處理模塊。
今年5月，“譜時”推出智能影像處理系統(tǒng)。攝像師拍攝后，照片實時傳至云端。同時，“譜時”智能影像處理系統(tǒng)根據場景、內容（人物、背景）等將照片分類，然后篩選照片并打分，維度有人臉質量、曝光、對焦等。
一方面，系統(tǒng)自動處理高分圖片，如自動白平衡、自動剪裁等。另一方面，通過在線圖片處理工作臺，“譜時”修圖師對照片品質進行把控。
經過50萬張商業(yè)活動照片（原片和精修圖）調教，“譜時”智能影像處理系統(tǒng)的準確率為92%，最終成片可于拍攝3分鐘后傳至客戶公司專屬HTML5呈現頁面。
采用實時傳片和智能影像處理系統(tǒng)，“譜時”將攝影業(yè)傳統(tǒng)的線性工作流程變?yōu)槎喾酵瑫r進行。
◆ “譜時”服務流程
目前，“譜時”系統(tǒng)僅對平臺簽約攝像師開放。但段毅和團隊現正將其開發(fā)為SaaS系統(tǒng)，并已在部分攝影機構、獨立攝影工作室等試推廣。他分析道，“系統(tǒng)可提高行業(yè)80%的工作效率，同時降低30%的人工成本。
現階段，“譜時”有2000余位簽約攝影師與200位簽約（或合作）修圖師，服務范圍覆蓋北京、上海、廣州、深圳等20余城市。
通過簽約攝影師轉介紹和平臺自推廣，“譜時”現已服務百度、攜程、京東等800余位客戶。
在盈利方面，“譜時”按拍攝間和機位收取客戶費用，客單價為8000元~10000元。今年5月，“譜時”平均每日15個訂單，月營收為230萬元。
段毅表示，團隊現進一步明確市場：以營銷為出發(fā)點的商業(yè)拍攝需求?！白V時”計劃進行1200萬元Pre-A融資，用以推廣市場。此前，“譜時”曾完成兩輪融資。
/The End/
編輯 趙芳馨 校對 王琳
如需轉載文章請聯(lián)系鉛筆道微信客服號：鉛筆道大芯芯（微信id：qianbidao2017）獲取授權資質，否則我們將依法追究相關責任。
本項目由創(chuàng)業(yè)邦旗下星艦級虛擬孵化計劃——BANG CAMP推薦采訪。90天封閉加速＝30+一線投資人＋50+明星導師＋100+新銳校友＋百萬粉絲曝光…現第八期報名正式開啟，點擊“報名鏈接”。
*請認真填寫需求信息，我們會在24小時內與您取得聯(lián)系。
