专栏首页web前端教室【完工】vueJs播放器的第一版完工(三)

【完工】vueJs播放器的第一版完工(三)

看下面图片哈,基本完工,作为一个播放器的基本功能也都有,

主要是完善一些基本的功能,

1、VueJs的组件过渡;

2、css3的animation;

3、readyState的状态判断;

再往下的功能嘛,就应该是第二版再开发了。例如,播放音乐时的canvas动态效果、音乐进度条的拖动等。

但播放器的主体功能也就是这样了,再加功能也就是更完善一些,更好看一些,但播放器依然还是这个播放器。

这个播放器的具体实现细节,在咱们周二、五的先行者课程里会详细讲到。

明天做下一个的东西,具体是什么,明天就知道。

【从零开始】用vuejs做一个简陋但好使的播放器(一)

【Js结构】用vuejs做一个简陋但好使的播放器(二)

本文分享自微信公众号 - web前端教室(webfeel)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-02-05

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 【从零开始】用vuejs做一个简陋但好使的播放器(一)

    今天突然想用vueJs做一个播放器。网上有许多现成的,但我又懒得去看别人的代码。怎么办呢?先【从零开始】做一个最简单的吧。 <!-- 一、需求 --> 用vue...

    web前端教室
  • 【Js结构】用vuejs做一个简陋但好使的播放器(二)

    上一节写了做一个简陋的播放器,需要的大致的步骤,《【从零开始】用vuejs做一个简陋但好使的播放器(一)》。 其实就是简单的记了一下流水账,这一节咱们来“设计一...

    web前端教室
  • 仿制 豆瓣电影 app beta(一)

    今天做一个简单的仿制 豆瓣电影的app,因为白天要讲课,所以只能晚上等孩子睡了,再抽空来写写,所以。。。界面上看起来确实比较简陋,但功能都还是ok的。 ? <!...

    web前端教室
  • Dissonance 使用(三)

    x-Alex
  • TSINGSEE青犀视频H.265流媒体EasyWasmPlayer.Js如何实现自定义高度和宽度?

    对于TSINGSEE青犀视频开发的各种流媒体平台,大多数平台都已经支持了H.265编码的视频播放,即EasyWasmPlayer.Js播放器。

    TSINGSEE青犀视频
  • 墨渊浮窗播放器EMLOG插件

    Youngxj
  • Emlog个人博客音乐播放器插件

    目前Emlog播放器出名的也就属明月皓空和鬼少了,而且鬼少的音乐电台已经关闭,目测存活不久。播放器也已经转为本地播放形式,不过我认为这样也不错,至少能逃避版权问...

    空木白博客
  • 看个视频也被黑?加载字幕文件触发播放器漏洞实现系统入侵

    Checkpoint研究人员最近发现了一种新型攻击手段–字幕攻击,当受害者加载了攻击者制作的恶意字幕文件后将会触发播放器漏洞,从而实现对受害者系统“悄无声息”地...

    FB客服
  • 【Js结构】用vuejs做一个简陋但好使的播放器(二)

    上一节写了做一个简陋的播放器,需要的大致的步骤,《【从零开始】用vuejs做一个简陋但好使的播放器(一)》。 其实就是简单的记了一下流水账,这一节咱们来“设计一...

    web前端教室
  • Jenkins 无法捕获构建脚本错误问题

    编写构建脚本执行,发现脚本执行出错,不会中断构建过程,导致最后展现的构建结果是错误的。

    晓晨

扫码关注云+社区

领取腾讯云代金券