Ficket 源的开发及介绍

前言

大概想写这个文档两个月了,一直没写,想写的原因是怕自己也忘了,没写的原因是觉得自己写的垃圾应用哪儿会有人用啊

好了闲话不多说,一起看看Ficket目前的状况以及如何添加源

ps: 本文需要一定的编程知识,及前端知识。

要想理解Ficket源的写法,首先要明白的是视频网站的普遍模式。
能够有这款软件完全是因为大多数视频网站的使用模式相同

一般情况下,视频网站分为四个流程

1.搜索
2.展示搜索结果
3.选集
4.播放

因此我们只要在app中模拟这四个步骤即可

关于搜索

QQ截图20210616140840.png

有些前段知识的话,相信你已经知道关于搜索可能出现的情况

  • get请求

  • post请求

  • 搜索字符串以query string 携带

  • 或是form data

如果你不懂这些术语的话,先去学习一下吧少年

从这里往下的所有内容都涉及一个很简单的前端知识

query selector 不了解的,去学习一下吧

关于搜索结果的展示

搜索结果一般包括四项

  • 图片
  • 视频详情页的跳转链接
  • 默认的剧集播放按钮
  • 视频标题

这里我以标题为例


QQ截图20210616144241.png

然后在html中右键-> copy -> copy selector

其他的类似

但一定要注意的是,确保你的query selector 只能找到对应的内容

比如我们的搜索结果只有四项,那么query selector 能找的内容也只能有四个

一般情况下要把类似nthchild 删掉

视频选集

在这个部分我们要拿到视频选集

QQ截图20210616145232.png

其次我们要拿到视频选集的容器

这里需要解释的是,一些网站的视频选集不止有一个源

QQ截图20210616145453.png

分离视频窗口

在这个部分我们拿到真正播放视频的窗口
需要注意的是最好获取最高一个层级且不具备其他元素的父节点

由于视频播放需要很多js支持,所以不能单纯的只获取video标签

你应该在获得video标签之后,在向上寻找几层父节点。


image.png

你可能感兴趣的:(Ficket 源的开发及介绍)