我尝试开发自己的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)
我尝试在控制台网址中显示,我可以在控制台中看到差异:
youtube链接下面有一个边框,但不是直播,所以youtube链接是链接,而twticam链接是字符串吗?
其他问题:您可以在控制台中看到console.log是如此之多,并重复,这是正常的吗?