Question

我正在开展一个基于Vine网站的学校项目。基本上我的项目的目标是在屏幕上显示许多视频（来自葡萄酒网址）逐个播放。

首先我使用以下过程：我在我的html代码中放入一个iframe，然后每隔6秒更新一次这个iframe的src，此时此步骤完美无缺！每6000毫秒的视频都在它们之间切换。

如果这一步有效，那是因为我已经将三个链接存储为数组中的字符串，然后我只调用了一个在该数组中选择随机索引的函数。

但是现在我遇到了一个更大的问题，我想要做的就是增加工作量链接（通过“工作”我显然是有效的，当我尝试到达它不会返回404的URL时）进入我的数组，问题是我真的不知道如何处理这个但我想没有数千的解决方案。

我的主要想法是一种蛮力：我想生成随机链接并尝试每个生成链接的连接。创建随机链接的功能已经完成，但我的问题是检查连接性。我尝试了这个thread的XML方法，然后我找到了关于它的其他主题，我最终得到它：

function testUrlConnection(urlCheck){

"use strict";

var xhr = new XMLHttpRequest();

xhr.open('HEAD', file, true);   
xhr.setRequestHeader("Access-Control-Allow-Origin","*")
xhr.send();

console.log(xhr.status); //return 0 no matter what

        if (xhr.status != "404") {
            console.log(urlCheck + " connection exist!");
    } else {
            console.log(urlCheck+ " connection doesn't exist!");
        }
}

因此我尝试了很多修改，但我发现这是一个Origin或Domain问题。

很抱歉让它很长但实际上这不是一个代码问题，但更多的是处理这个问题的方法，你认为这个“蛮力”的想法可以追求，还是我需要以任何其他方式处理这个问题？如果是的话，你可以给我哪些建议？

谢谢你， NEAK

Answer 1

虽然这个想法有效但我认为你应该尝试不同的方法，比如无限滚动。与Facebook一样，它的工作原理是，当用户向下滚动页面时，会有越来越多的内容被加载。这意味着您不必一次加载大量内容，但您必须跟踪页面上用户的位置。

无论您加载视频的方式如何，您都必须为自己的视频获取有效的网址。听起来你有网址生成器，并确保网址没有返回404我会做这样的事情：Checking if a URL is broken in Javascript。

祝你好运！

如何避免这个关于我的项目的“蛮力”想法？

1 个答案: