angularjs指令中的url无效

时间:2015-02-18 18:21:21

标签: javascript angularjs

我尝试开发自己的angularjs指令,以便在任何地方显示网络摄像头(twitcam或youtube):https://github.com/batphil/angular-streamlist

我对show twitcams网络摄像头有问题。

我在指令中构造url:

    $scope.trustUrl = function(domain, id) {
        if (domain == 'twitcam') {
            var urlInjected = 'http://static.livestream.com/grid/LSPlayer.swf?hash=' + id + '?autoplay=1&autohide=1';
            //console.log('url is : ' + urlInjected);
        } else if (domain == 'youtube') {
            var urlInjected = 'https://www.youtube.com/embed/' + id + '?autoplay=1&autohide=1';
            //console.log('url is : ' + urlInjected);
        }

        var urlFormated = $sce.trustAsResourceUrl(urlInjected);
        console.log('urlFormated is : ' + urlFormated);

        return $sce.trustAsResourceUrl(urlInjected);
    }

和html:

<object id="twitcamPlayer" width="{{ getWidth(stream_type) }}" height="{{ getHeight(stream_type) }}" classid="{{stream_webcam.webcam_object}}">
    <param name="movie" value="{{ trustUrl(stream_webcam.webcam_domain, stream_webcam.webcam_id) }}"/>
    <param name="allowScriptAccess" value="always"/>
    <param name="allowFullScreen" value="false"/>
    <param name="wmode" value="window"/>
    <embed name="twitcamPlayer" src="{{ trustUrl(stream_webcam.webcam_domain, stream_webcam.webcam_id) }}" allowFullScreen="false" allowScriptAccess="always" type="application/x-shockwave-flash" bgcolor="#ffffff" width="{{ getWidth(stream_type) }}" height="{{ getHeight(stream_type) }}" wmode="window" ></embed>
</object>

我不明白为什么,但是对于twitcam,url没有正确地制作,像这样:GET domain-used.com/%7B%7B%20trustUrl(stream_webcam.webcam_domain,%20stream_webcam.webcam_id)%20%7D%7D 404 (Not Found)

我尝试在控制台网址中显示,我可以在控制台中看到差异:

enter image description here

youtube链接下面有一个边框,但不是直播,所以youtube链接是链接,而twticam链接是字符串吗?

其他问题:您可以在控制台中看到console.log是如此之多,并重复,这是正常的吗?

0 个答案:

没有答案