菜鸟教程小白 发表于 2022-12-13 09:01:54

javascript - Meteor Cordova iOS 视频元素未加载捕获的视频


                                            <p><p>在 Meteor Cordova 应用程序中动态设置视频元素的 <code>src</code> 属性的正确方法是什么?我正在 try catch 视频并将其展示给用户。 </p>

<p>我正在为 iOS 应用程序使用 Meteor 和 Cordova。我首先使用 Cordova 媒体捕获插件捕获视频,然后尝试在 iOS Meteor Cordova 应用程序上使用 HTML5 视频标签显示要播放的视频。 </p>

<p>问题是当我使用 <code><video></code> 元素并将 <code>src</code> 指定为应用程序或 tmp 文件夹中的文件时,视频无法播放。</p >

<p>我尝试了 <code>cdvfile://...</code>、<code>file:///...</code> 和 <code>/var/mobile/...</code>,它们都不起作用。我也试过在设置 src 后调用 load 和 play 函数,也不管用。</p>

<p>我注意到一些早期版本的 Cordova 存在此问题 (<a href="https://issues.apache.org/jira/browse/CB-6051" rel="noreferrer noopener nofollow">https://issues.apache.org/jira/browse/CB-6051</a>),但现在应该已修复。什么样的 URL 可以工作? </p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>所以问题不在于 Cordova,而是 Cordova 和 Meteor 等框架的组合。 (见:<a href="https://issues.apache.org/jira/browse/CB-6051" rel="noreferrer noopener nofollow">https://issues.apache.org/jira/browse/CB-6051</a>)。 Meteor 在 http meteor.local 上提供内容,而 cordova 本身使用文件。由于meteor 使用http: 为应用程序提供服务,而本地文件位于file: 中,因此它被认为是受限制的跨域访问。由于普通的 Cordova 使用文件来为应用程序提供服务,并且本地文件也在 file: 中,因此它可以正常工作。 </p>

<p>我使用的解决方案(来自上面的链接)是使用以下插件在 http 协议(protocol)上提供本地文件,从而避免在页面上混合协议(protocol)时的访问问题。当以这种方式提供本地存储文件时,视频标签能够从那里加载视频(在 meteor + Cordova 应用程序中)<br/>
<a href="https://github.com/floatinghotpot/cordova-httpd" rel="noreferrer noopener nofollow">https://github.com/floatinghotpot/cordova-httpd</a> </p></p>
                                   
                                                <p style="font-size: 20px;">关于javascript - Meteor Cordova iOS 视频元素未加载捕获的视频,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/31394846/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/31394846/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: javascript - Meteor Cordova iOS 视频元素未加载捕获的视频