资讯专栏INFORMATION COLUMN

关于vue项目中移动端实现用户选择视频、上传多个视频(兼容安卓和ios)功能。

roundstones / 1175人阅读

摘要:项目需求在公司的教育公众号中,用户有一个需求就是学生作业为舞蹈或者童模表演,需要上传视频到服务器。解决办法判断手机类型,是还是安卓。对于不同的手机类型使用不同的设置,在中设置属性就行实现效果需要源码的可以联系我

项目需求:在公司的教育公众号中,用户有一个需求就是:学生作业为舞蹈或者童模表演,需要上传视频到服务器。

项目技术:使用vue+mniti-ui

遇到的问题:本以为上传视频会很简单,第一个就想到input的type设置为file类型,这样做下来发现在ios中确实是没有问题的,不管是从手机拍摄的视频列表中选择,还是调用摄像头直接拍摄都是没有问题的,但是当用安卓手机的时候,发现可以打开安卓手机的文件系统,也可以进入视频列表,但是视频都无法选择。

解决办法:
1、判断手机类型,是ios还是安卓。
2、对于不同的手机类型使用不同的input设置,在android中设置capture属性就行

实现效果:

需要源码的可以联系我

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/34659.html

相关文章

  • 关于vue项目移动实现用户选择视频上传多个视频兼容安卓ios功能

    摘要:项目需求在公司的教育公众号中,用户有一个需求就是学生作业为舞蹈或者童模表演,需要上传视频到服务器。解决办法判断手机类型,是还是安卓。对于不同的手机类型使用不同的设置,在中设置属性就行实现效果需要源码的可以联系我 项目需求:在公司的教育公众号中,用户有一个需求就是:学生作业为舞蹈或者童模表演,需要上传视频到服务器。 项目技术:使用vue+mniti-ui 遇到的问题:本以为上传视频会很简...

    zeyu 评论0 收藏0
  • 红点王宇航:以实时连接场景为目标的一些技术架构探索

    摘要:文红点联合创始人王宇航我今天分享的主题,是以实时连接场景为目标的一些技术架构探索。主要是关于红点在产品研发过程中,我们的技术选择,架构变化,还有这个过程中,我们的一些考虑。红点的第一个版本红点的第一个版本功能比较简单。 showImg(https://segmentfault.com/img/bVrBAw); 文 | 红点联合创始人 王宇航 我今天分享的主题,是以实时连接场景为目标的一...

    voyagelab 评论0 收藏0
  • webRTC实战总结

    摘要:中微信内置浏览器还不支持我坚信不久的将来就会支持,但在中能够完美支持。因此本项目选择了微信公众号为切入点,通过检测引导用户在中打开页面。为了便于传输可将其处理成字符串,另一端接收时还原并用对应的构造函数构造对应的实例即可。 前言 前段时间一直在忙一个基于WebRTC的PC和移动端双向视频的项目。第一次接触webRTC,难免遇到了许多问题,比如:webRTC移动端兼容性检测,如何配置Me...

    Pandaaa 评论0 收藏0
  • 面试题总结(js、html、小程序、React、ES6、Vue、算法、全栈热门视频资源)

    摘要:并总结经典面试题集各种算法和插件前端视频源码资源于一身的文档,优化项目,在浏览器端的层面上提升速度,帮助初中级前端工程师快速搭建项目。 本文是关注微信小程序的开发和面试问题,由基础到困难循序渐进,适合面试和开发小程序。并总结vue React html css js 经典面试题 集各种算法和插件、前端视频源码资源于一身的文档,优化项目,在浏览器端的层面上提升速度,帮助初中级前端工程师快...

    li21 评论0 收藏0
  • 面试题总结(js、html、小程序、React、ES6、Vue、算法、全栈热门视频资源)

    摘要:并总结经典面试题集各种算法和插件前端视频源码资源于一身的文档,优化项目,在浏览器端的层面上提升速度,帮助初中级前端工程师快速搭建项目。 本文是关注微信小程序的开发和面试问题,由基础到困难循序渐进,适合面试和开发小程序。并总结vue React html css js 经典面试题 集各种算法和插件、前端视频源码资源于一身的文档,优化项目,在浏览器端的层面上提升速度,帮助初中级前端工程师快...

    sarva 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<