品牌企业官网制作公司—微信小程序开发科普,让你1小时内从入门到上手|雷

  • 栏目:软件界面 时间:2021-02-27 18:59 分享新闻到:
<返回列表

导语:「开眼Eyepetizer」手机微信微信小程序技术性性担负每个人必需把教你对外开放对外开放一款视频手机微信微信小程序(内有视频、重要点、demo)。

一月9日,手机上手机微信手机微信微信小程序公布公布,互联网迈进了一次快乐。
[标识:內容1]

张小虎在上一月的发布演说中说明,“手机微信微信小程序是一种比现阶段所有 App 更加灵活,更加垂手可得的一种样子,并将难以沒有。”作为手机上手机微信的一种新样子,手机微信微信小程序不仅扩大了手机上手机微信的翠绿色绿色生态,也被看作是移动互联网网网的“改革创新者”。

一切文字剖析都不如视频直播间间品牌形象化。

本次硬创发布课雷锋网找来到「开眼」视频的技术性性担负人为因素要素大家直播间间演试讲解如何开发设计设计方案一款视频手机上手机微信手机微信微信小程序。「开眼」视频是一款短视频日报应用。由「开眼」视频精锐精英团队制作手机上手机微信手机微信微信小程序「开眼Eyepetizer」,作为不能多得的第一批發布的视频类手机微信微信小程序,遭到了许多开发设计设计方案者的关注。

嘉宾详尽详细介绍:

杨凯,「开眼」视频精锐精英团队技术性性担负人。

曾就职于 360,是 360 手机上上桌面上上创立精锐精英团队组成员之一,由他报名参加商品产品研发的这个桌面上上先在国第三方桌面上上市场销售销售市场较长时间排名第一。2014 年加上豌豆荚,任豌豆荚 Tech Lead,担负豌豆荚主手机软件开发设计,重要报名参加互连网库提高,UI 特点调优,依据代理商商缓存文件文档多媒体系统系统软件 web 页等工作中中。后加上「开眼」视频精锐精英团队,作为技术性性担负人,担负技术性性开发设计设计方案、迭代更新升级工作中中。

下边为雷锋网(手机微信微信公众号:雷锋网)整理的本次发布课直播间间共享资源中的重要点。课后陈凯老师还共享资源了本次课程内容內容中开展的 demo,关注雷锋网「唯物 」手机微信微信公众号一些信息内容內容。

便于取到现如今被点一下的这一 item 上面关系的 video 的播放详尽详细地址,要依据这种方式来进行,而不能以依据别的的方式来进行,这一确实有点儿儿绕。

这一意识手中机手机微信手机微信微信小程序里可以称作较大要的意识,也就是 DOM 实体线实体模型大部分完全不能以用。这一可能给很多前端开发开发设计开发设计设计方案造成十分大的疑惑。

|步骤三:在文件目录特殊位置呈现视频播放器

随后来看一下,现如今还要做另外一件事,要在网页页面中放一个 video 标志,id 叫 video,class 叫 video,那般写重要是便于一会儿 CSS 关系用。

后面它的 style 撰写,第一是 display,为什么用这一特点,据我曾人的工作中工作经验,手中机手机微信里倘若想隐藏一个 video 标志,唯一这一种方法可以隐藏,也就是说 display 特点设成 none,才可以够把 video 隐藏,visibility hidden 方式都不行。

top 就是说这一视频标志在文件目录正中间距顶端的位置,所有带两层大括弧的物件都是引进到 JS 里的变量,两个变量一个是 covertop,一个是 videoDisply,src 是 currentUrL,就是说 video 播放详尽详细地址是什么,这也是第三个变量。                                                                      

对上面三个变量做下定义:

videoDisplay 是 none,默认设置设定隐藏 video 标志;

covertop 是 video 标志默认设置设定顶部,隐藏在哪儿里都可以以以;

currentUrl 一开始时为空,也就是说在一开始时,视频播放器里是没有详尽详细地址的。

再聊看一下 tap 恶变恶性事件,马上复制回家三行。前边 page.setdata 是给下面的 data 进行一种升級,它是一种与众不同的复制方法。offsettop 这一特点会告之你现如今被点一下的原素,相对性性它的父联接点向下挪了多少钱位置 。currentUrl,就是不久获得的 url。后面的 videodisply:block,便是指现如今可以显示信息信息内容出视频原素了。

试一下,网页页面网页页面升级了,说明变动见效了。可以看到视频播放器早就出现了,而且进度条早就显示信息信息内容出时间了,但是还没有有有一开始播。下一步想方式让它一开始播放。


最先看一着手机手机微信手机微信微信小程序的的定义:

手机上手机微信定义一个方法叫 creatVideoContext,含义是说在传入一个 videoid 时,它会把现如今 videoid 的 video 原素与系统软件手机软件的播放器进行关系,也就是开展这一具体实际操作后的你再加的这一原素即可以播了。                                                                    

手机上手机微信官方网网共提供了play、pause、seek、sendDanmu 四种方法。

看一下编号,可以看到 creatVideoContext,传入的关键主要参数叫video,就是不久说有效合理布局文本文档里定义的一个 id 非常于 video。                                                            

可以发现视频早就一开始播了,划动一下列表,视频追随这一文件目录在走,第二个视频显示信息信息内容出来后,并没有播放。


它是自身发现的手机上手机微信手机微信微信小程序里 bug,点一下第二个视频时不能以自动式播放,手动式式点控制条的状况下有可能打开播放,它是手机微信微信小程序系统软件手机软件的 bug。可是方法可以避开:在本来的方法上添几句话,就是设一个 timeout,也就是将这一恶变恶性事件延迟时间時间逐一一段时间再考虑到,点一下恶变恶性事件结束之后 500 毫秒再去打开视频的播放。

手机上手机微信官方网网明显强烈推荐用内嵌的 IDE 来做开发设计设计方案。但是我平时还会继续再次做别的综合服务平台的开发设计设计方案,因而会比较趋于统一用 intellij,写好编号后只手中机手机微信手机微信微信小程序里做调整。避开 bug 后可以看到滑视频随着着文件目录旋转可以自动式播放了。那般大伙儿大部分分开展第二个整体总体目标,在文件目录中播放视频,而且在旋转文件目录时唯一一个视频在播放。

|步骤四:将网页页面网页页面共享资源朋友

手中机手机微信手机微信微信小程序官方网网文字文本文档的最后,可以看到有一个相关 onShareAppMessage 的说明,含义是倘若你一直在网页页面网页页面里定义了这一涵数,这一涵数叫 onShareAppMessage,右上角会出现共享资源功能键。

可以看到,不确定性义这一涵数时,点一下右上角会出现“现如今网页页面网页页面未设置共享资源”的提示。

接下来写这一编号,马上把官方网网文字文本文档抄回家便可以,要注意,设置网页页面网页页面原素时,一定要在 page 后的括弧中写,也就是说,一定要在 page 网页页面网页页面里设置有关这一网页页面网页页面的系统软件手机软件回调函数涵数。存储后回到 IDE,点一下右上角,会出现共享资源功能键,可以自定共享资源题型与自定共享资源描述。

看一下编号也是那麼写的:自定题型、自定描述、自定 path。自定 path 是最表面也是有一个 APP.gaisen,里面定义了所有的网页页面网页页面详尽详细地址,把网页页面网页页面详尽详细地址可以写回家后大伙儿今天的每天每日任务就开展了。

雷锋网原创文章内容內容,没承受权禁止转截。详尽信息内容见。

分享新闻到:

更多阅读

品牌企业官网制作公司—微信小程序开发

软件界面 2021-02-27
导语:「开眼Eyepetizer」手机上手机微信手机微信微信小程序技术性性性肩负每一个人必不可少...
查看全文

广州营销网站建设—微信H5获取用户所在

软件界面 2021-02-04
// H5 获得目前部位经伟度 var location_lon = '',location_lat = ''; // 经度,纬度 if (navigator.geolocation){n...
查看全文

凡科抠图制作一条漂亮的红色光斑动感光

软件界面 2020-11-25
Photoshop设计方案制作一条好看的鲜红色光斑炫酷光束PS同盟 公布 创作者:Sener 我想评价...
查看全文
返回全部新闻


区域站点: 南丰县免费建站网站   南宫市网站建设网址   囊谦县自助网站建设系统   南和县建设官方网站   南华县免费建站网站   南江县网站建设网址   南京市自助网站建设系统   南靖县建设官方网站   南康市免费建站网站   南乐县网站建设网址   南陵县自助网站建设系统   南宁市建设官方网站   南平市免费建站网站   南皮县网站建设网址   南市区自助网站建设系统   南通市建设官方网站   南投县免费建站网站   南雄市网站建设网址   南溪县自助网站建设系统   南阳市建设官方网站   南漳县免费建站网站   南召县网站建设网址   南郑县自助网站建设系统   那坡县建设官方网站   那曲县免费建站网站   纳雍县网站建设网址   讷河市自助网站建设系统   内黄县建设官方网站   内江市免费建站网站   内丘县网站建设网址   内乡县自助网站建设系统   嫩江市建设官方网站   聂荣县免费建站网站   尼玛县网站建设网址   尼木县自助网站建设系统   宁安市建设官方网站   宁波市免费建站网站   宁城县网站建设网址   宁德市自助网站建设系统   宁都县建设官方网站   宁国市免费建站网站   宁海县网站建设网址   宁化县自助网站建设系统   宁晋县建设官方网站   宁陵县免费建站网站   宁明县网站建设网址   宁南县自助网站建设系统   宁强县建设官方网站   宁陕县免费建站网站   宁武县网站建设网址   宁乡市自助网站建设系统   宁阳县建设官方网站   宁远县免费建站网站   农安县网站建设网址   磐安县自助网站建设系统   盘锦市建设官方网站   盘山县免费建站网站   磐石市网站建设网址   盘州市自助网站建设系统   蓬安县建设官方网站   澎湖县免费建站网站   蓬莱市网站建设网址   彭山县自助网站建设系统   蓬溪县建设官方网站   彭阳县免费建站网站   彭泽县网站建设网址   彭州市自助网站建设系统   偏关县建设官方网站   平安县免费建站网站   平昌县网站建设网址   平定县自助网站建设系统   屏东县建设官方网站   平度市免费建站网站   平果县网站建设网址   平和县自助网站建设系统   平湖市建设官方网站   平江县免费建站网站   平乐县网站建设网址   平凉市自助网站建设系统   平利县建设官方网站   平罗县免费建站网站   平陆县网站建设网址   屏南县自助网站建设系统   平泉市建设官方网站   屏山县免费建站网站   平顺县网站建设网址   平塘县自助网站建设系统   平潭县建设官方网站   平武县免费建站网站   萍乡市网站建设网址   平乡县自助网站建设系统   平阳县建设官方网站   平遥县免费建站网站   平阴县网站建设网址   平邑县自助网站建设系统   平远县建设官方网站   平舆县免费建站网站   皮山县网站建设网址   普安县自助网站建设系统   浦北县建设官方网站   浦城县免费建站网站   普洱市网站建设网址   普格县自助网站建设系统   浦江县建设官方网站   普兰县免费建站网站   普宁市网站建设网址   莆田市自助网站建设系统   迁安市建设官方网站   乾安县免费建站网站   潜江市网站建设网址   潜山市自助网站建设系统  

友情链接: 企业建站系统 我的家乡网页设计 html网页设计代码作 手机网页设计 手机版 装修知识 软件下载 果树种植 深圳新闻 H5制作 H5模板

Copyright © 2002-2020 自助网站建设系统_建设官方网站_免费建站网站_网站建设网址_创建公众号 版权所有 (网站地图) 备案号:粤ICP备10235580号