一、uni-app介紹

1、誕生背景

1. 多端泛濫。現(xiàn)在是一個(gè)多端泛濫的時(shí)代，用戶被分散到了各個(gè)平臺(tái)，隨著微信小程序的興起，各個(gè)平臺(tái)迅速也推出了自己的小程序。為了覆蓋到更多的用戶，企業(yè)增加了非常多的運(yùn)營(yíng)成本，開發(fā)人員增加了非常多的學(xué)習(xí)成本。
2. 體驗(yàn)不好。過(guò)去也有一些跨平臺(tái)框架，但是在開發(fā)體驗(yàn)上不是太好。
3. 生態(tài)不夠豐富。 過(guò)去的跨平臺(tái)開發(fā)框架在生態(tài)上不夠豐富，開發(fā)者想獲取好用的sdk是比較難得到的。

在這樣的背景下Dcloud公司決定打造一個(gè)終極的跨平臺(tái)解決方案，即uni-app

2、uni-app是什么（what、where）

uni-app是一個(gè)使用vue.js開發(fā)所有前端應(yīng)用的框架，開發(fā)者編寫一套代碼，可以發(fā)布到iOS、Android、web（響應(yīng)式）、以及各種小程序（微信 / 支付寶 / 百度）、快應(yīng)用等多個(gè)平臺(tái)。

3、uni-app的優(yōu)勢(shì)（why）

1. 跨平臺(tái)更多，正真做到一段代碼多端發(fā)行，支持原生代碼混寫和原生sdk集成
2. 運(yùn)行體驗(yàn)良好。組件、api與微信小程序一致，兼容weex原生渲染
3. 通用技術(shù)棧，學(xué)習(xí)成本更低。vue的的語(yǔ)法，微信小程序的api，對(duì)于前端開發(fā)人員來(lái)說(shuō)更容易上手
4. 開放生態(tài)，組件更豐富。支持通過(guò)npm安裝第三方包；支持微信小程序自定義組件以及sdk；兼容mpvue組件及項(xiàng)目；app端支持與原生混合編碼

二、使用uni-app（how）

1、下載安裝&創(chuàng)建項(xiàng)目

大家通過(guò)官網(wǎng)就可以下載HBuilder，并進(jìn)行初步的項(xiàng)目創(chuàng)建

2、多端運(yùn)行

1、在進(jìn)行微信小程序調(diào)試時(shí)，要先開啟安全設(shè)置里面的端口服務(wù)，并且在初次進(jìn)行小程序調(diào)試時(shí)需要輸入微信開發(fā)者工具的路徑

2、在進(jìn)行模擬器（手機(jī)）調(diào)試時(shí)，要先打開模擬器的權(quán)限，并且，在使用模擬器調(diào)試時(shí)，要先HBuilder打開模擬器，否則是檢測(cè)不到模擬器的

3、完成上述步驟之后，就可以在HBuilder中的 ‘ 運(yùn)行 ’ 開始調(diào)試了

3、uni-app操作

三、其他

微信小程序?qū)崟r(shí)獲取視頻播放時(shí)間（秒）

使用 bindtimeupdate=“timeUpdate” 事件類型

具體請(qǐng)看官方文檔

<video bindtimeupdate="timeUpdate" src='視頻地址' poster="視頻封面地址"page-gesturecontrols>
</video>

timeUpdate: function (e) {//實(shí)時(shí)播放進(jìn)度秒數(shù)
	var currentTime = parselnt(e.detail.currentTime)
	console.log("視頻播放到第" + currentTime + "秒")//查看正在播放時(shí)間，以秒為單位
}

總結(jié)

到此這篇關(guān)于uniapp介紹與使用以及小程序?qū)崟r(shí)獲取視頻播放時(shí)間的文章就介紹到這了,更多相關(guān)uniapp 小程序?qū)崟r(shí)獲取視頻播放時(shí)間內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論