Code Monkey home page Code Monkey logo

firefly's Introduction

播放器的制作,各位可以直接开个新的分支然后开始修改优化的我代码

弹幕播放器v0.0.1

优化点

1.弹幕池遍历上(学习二分法)

2.弹幕滚动的轨迹方式

3.判断浏览器对H5视频的播放器的支持

4.发送弹幕的时候将弹幕加入弹幕池

5.弹幕到达屏幕左边时淡出

6.弹幕运动速度

7.弹幕重叠问题

8.加入与服务器连接

9.优化遍历算法(二分法)

10.加入更多弹幕配置

11.加入更多输入时弹幕设置

12.播放器全屏

13.播放器音量问题

14.播放器输入弹幕问题(ok)

15.视频加载使用异步请求

16.播放结束时重置弹幕setTime(ok)

17.测试50个dom容器搭载弹幕,弹幕播放完成回收dom(待测试)

18.加入导航栏

19.缓存提示

20.进度条控制

-----

to run this, first:

clone this repo to your local machine. you might need this guide: http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000   proposed by 葫芦

second:

install npm, and use npm run this project. you might need this guide:

http://www.cnblogs.com/PeunZhang/p/5553574.html  proposed by 火乌日暗崩腾云

simple guide:

  1. npm install 2.npm start
    3.visit 127.0.0.1:8080 through web browser

to edit this, just use your favourite text editor and do whatever you want in your local code base.

to make a commit, make sure your changeset is a runnable one; if your changeset is runnable and furfill the goal we both agreed, i will merge that into master branch.

by FrosV

初衷

就是为了让各位初学者接触到一个真实的项目,然后我们会进行一个完整的公司流程来制作这个网站,让大家都能接触到真实的公司计划,还有在面试的时候可以把这个网站贴到你的简历上,一个很好的给大家练手的计划,希望大家都能参与然后多提出问题多进行优化

关于如何让我们的网站跑起来

在命令行(cmd)里找到你clone下来的文件夹然后输入 npm i 等待安装完成后输入 npm start就可以在浏览器输入localhost:8080正式浏览

webpack

webpack各种中文资料

关于webpack是现在很流行的一个管理工具,这里可以帮你把很多

firefly's People

Contributors

frosv avatar laochengplus avatar konata9 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.