vue好用的视频插件推荐

最近做视频功能，看了一些视频相关的插件，发现下面两个还是比较好用，这里推荐一下：

videojs应该很多人都知道，比较成熟的插件了这里是官网地址：

然后Mui Player也是很不错跟videojs差不多都很好用，对比videojs优势应该就是文档更好阅读点对于英语不好的是个好事。

我自己用了videojs，

然后项目主要是做了视频的一个上传和视频的展示功能

看看效果图：

使用的话官方文档自己翻

最后主要说一下我用了插件后踩的一些坑，特别是上传部分，其它的都还好。

我项目需求上传需要做封面图，然后安卓用户的插件可以支持自动截取视频第一张图，ios的因为限制不支持视频自动去加载元数据不会自动截取视频第一张图，所以ios的只能去手动给poster一个值就是手动给个固定，网上很多canvas截图其实也是一个道理也是需要加载元数据才行，ios的也是截图截不下来只会是一个黑色的，所以只能手动给个默认了，播放列表也是，对于mov格式的就是ios用户上传的视频，并且查看者是用的ios手机，也是无法自动给封面。

1、VUE

VUE是一款可以让你在朋友圈脱颖而出的视频拍摄软件。独特的自拍方式，让你展现360度的美丽，轻松媲美专业蒙太奇效果。

VUE是最近流行的一款拍摄软件。事实上，VUE非常适合拍摄风景视频。它融入了很多视频滤镜，总是给人一种多种选择的舒服感，操作起来也很简单。

2美照

美国手机app是一款微**制作软件。世界s首个MV特效，普通视频一秒变身震撼大片。

美拍更适合后期，包含一大波视频剪辑功能，支持导入多个视频；支持视频分段，删除不想要的剪辑；随意调整每个视频的顺序；单独为视频封面添加字幕。美颜app操作超级简单，让视频玩出新花样，1秒变剪辑~

3小樱

小影是一款快速的照片分享应用。喜欢摄影的朋友一定不要错过这个应用。

小影包含了很多有趣的主题滤镜，更快的视频分享平台，比剪辑更适合视频社交。同样的类型有：自动更快，秒拍等。

4美丽的照片

口袋里的相机，可以随时拍大片，是NewAuto推出的第一款移动视频拍摄编辑软件。

梅s的视频剪辑功能比较齐全，包括后期剪辑，细节处理等等。

旅游适合带什么样的相机

单反，如果自己的拍摄技术不够，就算了。先买个卡片机练一下。如果你旅行，你大部分时间都在走路和坐公交车，这让你很累。相比单反会更重，占用空间更大。优点是单反像素好。也可以买像素更好的卡片机。毕竟照片只是当纪念品，重点是自己看。

旅游相机推荐。

去欧洲之前有个国外专业摄影师给我推荐，佳能S100v，我就买了，然后发现效果超棒。那个朋友推荐的原话是：基本可以媲美专业单反的卡片机。我是相机盲，但我跟着我的朋友的建议，所以我买了它。操作很简单，发回来的照片被其他朋友说：你买的什么相机？拍出了这么好的照片、我回答：佳能卡片机。不管是s在很黑的夕阳下，晚上，或者在阳光强烈的沙滩上，奔跑的人群，摇摆的船，车，走路，风景，人，动物等。想一想。我我在欧洲呆了一个月，从南到北。我只想说，我爱这部相机。PS:回上海，晚上带意大利朋友去外滩，唐不要用闪光灯拍人和珍珠塔。效果好的让朋友羡慕嫉妒恨。

当前位置几个订单就能满足你的需求。看看索尼s5N或7N。单反的话，家里建议是D7K。就我个人而言，我正在使用这台机器。给宝宝拍照记得买定焦头。我自己买了一个50mmf18D的尼康头，固定焦大光圈头的背景很模糊。但是，根据你的需求(尤其是携带的便利性)，它最好有微单。请记住，如果有一个匹配的闪光灯和三脚架，它it’搭配起来也最好。这是拍照的必需品。室内阴影下补光(闪光灯)和防抖(三脚架)效果非常好如果你还有任何问题，请提问

h5项目中需要做视频课程播放,在网上搜了一下对应的插件,发觉xg-player西瓜播放器用起来不错当然也踩了一些坑

西瓜播放器官方地址: http://h5playerbytedancecom/

西瓜播放器githuab官网: https://githubcom/bytedance/xgplayer-vue

因为自己做的是个老项目,freemarker模板语法写的(总之是旧时代那种,你知道jsp就名字了),但是我想用自己的方式开发,所以在里面用了vue

功能:

官网写的老的切换方式:

(1)先销毁视频,

(2)然后重新创建player实例

(3)启动播放器,播放视频

我写完了之后重新整理笔记,看到官网有更好的api切换视频,暂时还没有试过

项目中的课程播放要比这个demo复杂的多,涉及到视频播放,图文播放,视频图文的切换播放

功能:

开始想的是获取课程列表,然后前台筛选判断应该播放哪一项,但是考虑到加载分页时会影响当前播放的视频,所以分页列表和正在播放视频分成了两个接口,并且前台需要处理的只是逻辑判断,不需要遍历操作整个列表,简化了查询匹配课程播放的问题

在视频播放中需要监听视频的暂停,继续,结束状态