一、uni-app介紹

1、誕生背景

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

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

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

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

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

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

二、使用uni-app（how）

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

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

2、多端運行

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

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

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

3、uni-app操作

三、其他

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

使用 bindtimeupdate=“timeUpdate” 事件類型

具體請看官方文檔

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

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

總結(jié)

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

最新評論