Question

我开发了一款带有多个UIWebView的iPad应用程序，它采用以下HTML和JavaScript。由于iPad一次只能播放一个视频，因此在特定网页视图聚焦之前，我不会加载视频。

这是通过在UIWebView上调用 stringByEvaluatingJavaScriptFromString 方法完成的，并调用JS方法 getFocus（）。同样，当不再需要Web视图时，我调用lostFocus（）来卸载视频。这使另一个UIWebView可以播放另一个视频。

到目前为止，这么好。一切都很完美。除了一件事：这会导致内存泄漏。每次查看

我已经尝试重新加载UIWebView（而不是用JS卸载视频），这不起作用。我还尝试了大量不同的JavaScript变体，标记变体等等。

<div id="videoDiv"></div>

<script type="text/javascript">
    var movieDiv = document.getElementById('videoDiv'),
        movieHtml = '<video id="video" src="../Documents/<%= VideoFileName %>" width="768" height="911"></video>';

    var gotFocus = function () {
        movieDiv.innerHTML = movieHtml;
        var movie = document.getElementById('video');
        movie.play();
        movie.addEventListener('pause', function () {
            movie.currentTime = 0;
            movie.play();
        }, false);
    };
    var lostFocus = function () {
        movieDiv.innerHTML = '';
    };
</script>

Answer 1

我终于解决了这个问题！解决方案是清空src并“加载”不存在的视频。这不会导致内存泄漏。看看：

<div id="videoDiv"></div>

<script type="text/javascript">
    var movieDiv = document.getElementById('videoDiv'),
        movieHtml = '<video id="video" src="" width="768" height="911"></video>';

    movieDiv.innerHTML = movieHtml;
    var movie = document.getElementById('video');

    var gotFocus = function () {
        movie.src = '../Documents/<%= VideoFileName %>';
        movie.load();
        movie.play();
        movie.addEventListener('pause', function () {
            movie.currentTime = 0;
            movie.play();
        }, false);
    };
    var lostFocus = function () {
        movie.src = '';
        movie.load(); // This line may be removed, see comments
    };
</script>

加载/卸载HTML5 <video> </video>时，iOS Safari内存泄漏

1 个答案: