草庐IT

Web视频video自动播放(移动端及PC端)

做了个关于视频播放的活动,被各种问题折腾得精疲力竭。为了日后能够轻松点,特记录下出现的各种问题及解决方法。活动要适配移动端(IPhone、Android)和PC端(Chrome)需要解决的问题:移动端禁止全屏播放、视频自动播放代码最终实现的艰辛历程:1.此时PC端和移动端的展示已经不一样:PC浏览器(Chrome)能够看到视频的第一帧画面,而移动端看不到任何画面,只能看到我设置的视频背景色(黑色)建议:如果不需要自动播放,那就要给video设置poster了2.把自动播放的属性加上此时移动端微信还是看不到画面,但是会多出一个播放图标,而移动端自带的浏览器(Safari)能够看到画面以及播放图标

Web视频video自动播放(移动端及PC端)

做了个关于视频播放的活动,被各种问题折腾得精疲力竭。为了日后能够轻松点,特记录下出现的各种问题及解决方法。活动要适配移动端(IPhone、Android)和PC端(Chrome)需要解决的问题:移动端禁止全屏播放、视频自动播放代码最终实现的艰辛历程:1.此时PC端和移动端的展示已经不一样:PC浏览器(Chrome)能够看到视频的第一帧画面,而移动端看不到任何画面,只能看到我设置的视频背景色(黑色)建议:如果不需要自动播放,那就要给video设置poster了2.把自动播放的属性加上此时移动端微信还是看不到画面,但是会多出一个播放图标,而移动端自带的浏览器(Safari)能够看到画面以及播放图标

B站PC客户端-架构设计

众所周知,B站是个学习的网站,网页端和粉版移动端都非常的好用,不过,相对其它平台来说B站的PC客户端也算是大器晚成了。在有些场景PC客户端的优势也是显而易见的,比如,跓留电脑桌面的快捷、独立的应用窗口、特有的交互方式等,因此就有了很多喜欢B站的技术大佬整出了不少体验不错的第三方PC应用,比如云之幻版、逍遥橙子版等。当然我站也有一个源自三方的UWP客户端,但是由于历史原因一直没有得到很好的维护,在21年底,一个需要在电脑端预装的需求让我们有了开发一个全新的PC客户端的想法。一、PC客户端的技术选型选择一个什么样的技术,可以在降本增效的大背景下实现一个体验相对较好、易维护、跨平台且能快速推进的PC

B站PC客户端-架构设计

众所周知,B站是个学习的网站,网页端和粉版移动端都非常的好用,不过,相对其它平台来说B站的PC客户端也算是大器晚成了。在有些场景PC客户端的优势也是显而易见的,比如,跓留电脑桌面的快捷、独立的应用窗口、特有的交互方式等,因此就有了很多喜欢B站的技术大佬整出了不少体验不错的第三方PC应用,比如云之幻版、逍遥橙子版等。当然我站也有一个源自三方的UWP客户端,但是由于历史原因一直没有得到很好的维护,在21年底,一个需要在电脑端预装的需求让我们有了开发一个全新的PC客户端的想法。一、PC客户端的技术选型选择一个什么样的技术,可以在降本增效的大背景下实现一个体验相对较好、易维护、跨平台且能快速推进的PC

java 考试系统 在线学习 视频直播 人脸识别 springboot框架 前后分离 PC和手机端

新增功能:培训学习模块,PDF电子课程、视频课程、直播课程(自己搭建直播流服务器)人脸识别(考试时验证,有开关)、补考开关-------------------------------------------------题库管理22.图片库:创建文件目录,维护图片,供题库选择调用23.单选题:维护单选试题,试题题目,选项,答案,类型,级别,状态,解析24.多选题:维护多选试题,试题题目,选项,答案,类型,级别,状态,解析25.判断题:维护判断试题,试题题目,答案,类型,级别,状态,解析26.填空题:维护填空试题,试题题目,答案,类型,级别,状态,解析27.问答题:维护问答试题,试题题目,答案,

java 考试系统 在线学习 视频直播 人脸识别 springboot框架 前后分离 PC和手机端

新增功能:培训学习模块,PDF电子课程、视频课程、直播课程(自己搭建直播流服务器)人脸识别(考试时验证,有开关)、补考开关-------------------------------------------------题库管理22.图片库:创建文件目录,维护图片,供题库选择调用23.单选题:维护单选试题,试题题目,选项,答案,类型,级别,状态,解析24.多选题:维护多选试题,试题题目,选项,答案,类型,级别,状态,解析25.判断题:维护判断试题,试题题目,答案,类型,级别,状态,解析26.填空题:维护填空试题,试题题目,答案,类型,级别,状态,解析27.问答题:维护问答试题,试题题目,答案,

vue整合electron 实现pc端应用程序

准备工作下载electron-v9.4.4-win32-ia32.ziphttps://npm.taobao.org/mirrors/electron/9.4.4/electron-v9.4.4-win32-ia32.zip解压放到C:\Users\Admin\AppData\Local\electron-builder\Cache目录下下载winCodeSignhttps://npm.taobao.org/mirrors/electron-builder-binaries/winCodeSign-2.6.0/解压放到C:\Users\Admin\AppData\Local\electron-

vue整合electron 实现pc端应用程序

准备工作下载electron-v9.4.4-win32-ia32.ziphttps://npm.taobao.org/mirrors/electron/9.4.4/electron-v9.4.4-win32-ia32.zip解压放到C:\Users\Admin\AppData\Local\electron-builder\Cache目录下下载winCodeSignhttps://npm.taobao.org/mirrors/electron-builder-binaries/winCodeSign-2.6.0/解压放到C:\Users\Admin\AppData\Local\electron-

用PC windows作为Mac macos的扩展屏

前言有时候会觉得一块屏幕不够用,我们可以外接一块显示屏(最简单直接的办法)。也可以使用Mac自带的隔空播放功能,这个功能有点类似无线投屏,配合其他Mac、iPad使用。如果手里没有其他Apple设备的话,只能去外界显示器实现了。总有些特殊的情况,比如说手里有一台老旧的Windows电脑,可不可以利用起来,作为Mac的扩展屏呢?答:可以的(需要借助三方软件,装在Windows电脑中)。以下教程针对Mac电脑,不适用Windows电脑。Windows电脑不需要下载软件即可实现多屏操作。教程开始:Step1:需要在Windows电脑中下载一款软件。下载地址注:该软件为蓝莓投屏提供。Step2:解压已

用PC windows作为Mac macos的扩展屏

前言有时候会觉得一块屏幕不够用,我们可以外接一块显示屏(最简单直接的办法)。也可以使用Mac自带的隔空播放功能,这个功能有点类似无线投屏,配合其他Mac、iPad使用。如果手里没有其他Apple设备的话,只能去外界显示器实现了。总有些特殊的情况,比如说手里有一台老旧的Windows电脑,可不可以利用起来,作为Mac的扩展屏呢?答:可以的(需要借助三方软件,装在Windows电脑中)。以下教程针对Mac电脑,不适用Windows电脑。Windows电脑不需要下载软件即可实现多屏操作。教程开始:Step1:需要在Windows电脑中下载一款软件。下载地址注:该软件为蓝莓投屏提供。Step2:解压已