`
a19905522
  • 浏览: 98661 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

关于720全景视频在移动端播放的兼容问题汇总,截止2017年11月29日

阅读更多


结论:
A回放情况:
1.安卓版微信下全部不支持全景播放,仅当作普通视频播放
2.ios微信支持带拖动功能的全景播放,播放器可自定义

B直播情况:
1.安卓版微信下全部不支持全景播放,仅当作普通视频播放
2.ios微信仅当作普通视频播放,播放器不允许自定义,必须使用ios系统自带播放器

核心原因是:全景视频通过html5提供的接口context.drawImage()来实现全景视频的可交互播放,drawImage接口主要用来绘制图片,
但少部分浏览器厂商实现了绘制视频的能力,目前此接口安卓和ios系统实现标准并不统一,存在较多兼容问题,微信也存在一定限制,
安卓版微信直接限制不能把普通视频文件写入到canvas里面,直播流就更不能了,ios系统仅能回放,不能实现直播。


参考资料:

国内技术人员对相关视频播放问题总结
Canvas实时处理Video预研
淘宝前端团队(FED)视频播放的那些事

W3C官网对context.drawImage()接口的相关文档说明
https://www.w3.org/TR/2010/WD-html5-20100304/the-canvas-element.html

MDN文档:
https://developer.mozilla.org/zh-CN/docs/Web/API/CanvasRenderingContext2D/drawImage

苹果官网文档关于音视频的相关说明:https://developer.apple.com/library/content/documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40008332

ios对直播内容的播放,使用ios自带的默认播放器播放,不能自定义播放器
Since most browsers now support the <audio> and <video> elements, you can simplify the process of coding for plug-ins by including only the version of the <object> tag that works with Internet Explorer as your fallback for HTML5 media.
Listing 1-7 uses HTTP Live Streaming for browsers that support it, MPEG-4 and Ogg Vorbis by progressive download for browsers that support those formats, and falls back to a plug-in for versions of Internet Explorer that don’t support HTML5
要求使用<audio> and <video> 标签来播放,仅支持mp4和ogg格式的直播流格式

0
0
分享到:
评论
2 楼 a19905522 2018-02-08  
噗噗凡 写道
  当前阶段全景直播能应用在哪些场景呢?
媒体行业,各种赛事直播,婚礼直播等等
1 楼 噗噗凡 2017-11-29  
  当前阶段全景直播能应用在哪些场景呢?

相关推荐

    threeJs播放全景视频Demo

    在这个"threeJs播放全景视频Demo"中,我们将探讨如何使用Three.js库来实现全景视频的播放。 首先,了解Three.js的基础是必要的。Three.js是一个基于WebGL的库,WebGL是一种JavaScript API,可让开发者在浏览器中...

    全景制作软件移动端

    360度全景制作软件适用移动端.可以导出手机的全景图做成全景H5版本

    unity 全景视频播放例子

    在Unity引擎中,全景视频的播放是一个非常有趣的领域,它为用户提供了沉浸式的体验,尤其在虚拟现实(VR)应用中。"unity 全景视频播放例子"这个项目旨在展示如何在Unity中实现360度或全息视频的播放。下面我们将...

    最新720全景云系统可生成小程序+带PC端+安装教程

    最新720全景云系统/可生成小程序+带PC端+安装教程,某宝购买的价值800元的720云全景视频系统源码。非常适合房屋装修等全景展示类场景使用。   最新720全景云系统/可生成小程序+带PC端+安装教程,某宝购买的价值800...

    全景网页视频播放

    全景网页视频播放是一种创新的技术,它允许用户在网页上体验360度全方位的视频内容。这种技术结合了虚拟现实(VR)的概念,为观众提供了一种身临其境的观看体验。在网页中实现全景视频播放需要考虑多个关键点,包括...

    360°全景影像移动端类库

    【360°全景影像移动端类库】 全景影像技术是一种创新的视觉呈现方式,它能够为用户带来全方位、无死角的视角体验,广泛应用于虚拟现实(VR)、旅游、房地产、汽车展示等领域。"360°全景影像移动端类库"正是针对...

    最新720全景源码

    【描述】中的“最新720全景源码最新720全景源码最新720全景源码”可能是强调这个源码是最新的版本,可能包含了一些最新的功能改进、性能优化或者兼容性更新。在开发领域,不断更新源码是为了适应技术的发展和用户...

    全景视频的播放及优化 刘俊成.pdf

    在探讨全景视频的播放及优化技术时,首先需要明确全景视频的技术特点。全景视频是一种能够覆盖360度水平视角的视频类型,它为观众提供了沉浸式的观看体验。观众可以通过移动设备、头戴显示器或特定的播放平台来体验...

    全景视频大师

    全景视频大师是一款专业的全景视频拼合软件,该软件兼容对GOPRO等多款相机拍摄的视频进行拼合。 软件的智能全自动拼合让您无需专业软件操作基础即可在3-5分钟内生成一段精美的360度全景视频, 可以一键生成4K或者4K...

    720全景云系统 可生成小程序+带PC端+安装教程.zip

    其次,系统还支持PC端应用,这意味着用户不仅可以在移动端体验全景,还能在电脑上获得更高质量的视觉效果和操作体验。PC端可能提供更强大的编辑工具和更精细的设置选项,适合专业设计师和高级用户使用。 安装教程是...

    基于OpenGL的全景视频播放

    在“基于OpenGL的全景视频播放”这一主题中,我们将深入探讨如何利用OpenGL来实现全景视频的播放。 全景视频是通过多个摄像头捕捉的360度全方位视角的视频,为用户提供沉浸式的观看体验。在计算机上播放全景视频,...

    最新720VR全景源码系统,全景制作源码,云全景网站源码,

    【标题】"最新720VR全景源码系统"指的是一个用于创建和展示720度虚拟现实(VR)全景图的软件系统。这个源码系统允许用户制作、上传和展示高质量的全景图像,使观众能够通过旋转和缩放来体验如同身临其境的感觉。在...

    仿720全景云系统krpano源码cdn七牛云转存带全景拍摄教程制作软件

    【720全景云系统】是一种先进的数字技术,它能够将多张照片拼接成一个全方位、无死角的全景图像,使用户仿佛置身于实际场景之中。这种技术广泛应用于房地产展示、旅游景点介绍、室内设计等领域,提供了一种新颖、...

    720度全景图的实现,移动、pc兼容

    本文将详细介绍如何使用JavaScript插件,特别是"ThetaViewer",来创建一个既能在移动设备又能在PC上运行的720度全景图。 1. **JavaScript插件基础** JavaScript插件是用于增强网页功能的代码库,它们通常以`.js`...

    用于360度全景视频的Web播放器,利用HTML5、WebGL技术,让浏览器访问服务器上或者本地的360度全景视频文件.zip

    在"用于360度全景视频的Web播放器"项目中,"PanoPlayer-master"很可能是一个包含完整源代码和资源的项目文件夹。这个播放器可能包含了以下核心组件: 1. **视频加载和解码**:使用HTML5的MediaSource Extensions ...

    720全景demo官方例子

    720全景技术是一种通过拍摄多张照片并利用专业软件拼接合成,形成可以全方位、全视角浏览的图像展示方式。这种技术广泛应用于房地产、旅游、展览、室内设计等多个领域,为用户提供沉浸式的视觉体验。"720全景demo...

    android全景图片视频

    在移动开发领域,Android平台为开发者提供了丰富的工具和框架来创建引人入胜的全景图片和视频应用。全景内容能够给用户带来沉浸式的体验,广泛应用于旅游、房地产、游戏以及虚拟现实(VR)等多个行业。Android系统...

    720全景精灵

    【720全景精灵】是一种专业用于创建全景图像的软件工具,主要应用于虚拟现实(VR)、房地产展示、旅游景点介绍、室内设计等领域。这款软件兼容Windows操作系统,并且也能够运行在CentOS这样的Linux发行版上,这为用户...

    720全景VR源代码.zip

    【720全景VR源代码.zip】是一个包含用于创建虚拟现实(VR)体验的源代码的压缩包。这个包主要用于构建360度全景视图,让用户能够通过鼠标或触摸设备自由旋转视角,从而获得沉浸式的浏览体验。该源代码基于krpano核心...

    720全景图技术文档

    720全景图技术文档 随着虚拟现实技术的不断发展,720全景图技术逐渐成为企业和个人宣传产品、项目的重要工具之一。通过本文档,我们将详细介绍720全景图技术的实现步骤、软件分析步骤、mac系统使用等相关知识点。 ...

Global site tag (gtag.js) - Google Analytics