Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在我的网页中显示实时交通摄像头?_Html_Google Maps_Camera_Google Api_Pusher - Fatal编程技术网

Html 如何在我的网页中显示实时交通摄像头?

Html 如何在我的网页中显示实时交通摄像头?,html,google-maps,camera,google-api,pusher,Html,Google Maps,Camera,Google Api,Pusher,我需要显示特定地点的实时交通摄像头(例如,特拉维夫-阿亚隆路)。 我看到了一些示例,但仍然不理解如何实现它 下面是一个我需要的例子:通过选择位置,有一个实时道路摄像头 我试过下面的例子:和 这是我的密码: <html> <body> </body> <script src="https://js.pusher.com/4.1/pusher.min.js"></script> <script>

我需要显示特定地点的实时交通摄像头(例如,特拉维夫-阿亚隆路)。 我看到了一些示例,但仍然不理解如何实现它

下面是一个我需要的例子:通过选择位置,有一个实时道路摄像头

我试过下面的例子:和

这是我的密码:

<html>
    <body>
    </body>
    <script src="https://js.pusher.com/4.1/pusher.min.js"></script>
<script>
     // Open a Pusher connection to the Realtime TfL Traffic Camera API
    var pusher = new Pusher("f1b8177ecbc7a66de0c7");

    var channel = pusher.subscribe("cameras");

    var tflURL = "http://tfl.gov.uk/tfl/livetravelnews/trafficcams/cctv/";

     // Listen for new updates
     channel.bind("cameras-update", function(cameras) {
         var camerasArr = cameras.split("|");
         console.log(tflURL + camerasArr[0] + ".jpg");
     });
</script>
</html>

//打开与实时TfL交通摄像头API的推送器连接
var推进器=新推进器(“f1b8177ecbc7a66de0c7”);
var通道=推送器订阅(“摄像机”);
var tflURL=”http://tfl.gov.uk/tfl/livetravelnews/trafficcams/cctv/";
//收听最新消息
channel.bind(“摄像机更新”,函数(摄像机){
var camerasArr=cameras.split(“|”);
console.log(tflURL+camerasharr[0]+.jpg”);
});
这是我的输出:

推送器:状态已更改:已初始化->正在连接 pusher.min.js:8 pusher:Connecting:{“transport”:“ws”,“url”:wss://ws-ap2.pusher.com:443/app/e38b1f2ff9c8c301319c?protocol=7&client=js&version=4.1.0&flash=false"} pusher.min.js:8 pusher:状态已更改:正在连接->已连接到新插座ID 208.479900 pusher.min.js:8 pusher:Event sent:{“事件”:“pusher:subscribe”,“数据”:{“频道”:“我的频道”} pusher.min.js:8 pusher:Event recd:{“Event”:“pusher\u internal:subscription\u successed”,“data”:{},“channel”:“my channel”} pusher.min.js:8 pusher:pusher:subscription\u在我的频道上没有回调成功

但是我怎样才能看到现场直播的摄像机


谢谢

您应该阅读上的Readme.md,主要是底部的代码示例。这将只允许您访问伦敦地区的TfL摄像头,因为这些都是API公开的内容。在考虑将该街道的实时视频集成到应用程序之前,您需要找到该街道的实时视频源。

“这只允许您访问伦敦地区的TfL摄像头”-没问题,一开始我想展示伦敦地区。如您所见,我已经阅读了Readme.md并尝试了该示例。我错过了什么吗?
var channel=pusher.subscribe(“摄像机”);var tflURL=”http://tfl.gov.uk/tfl/livetravelnews/trafficcams/cctv/";  // 侦听新的更新channel.bind(“摄影机更新”,函数(摄影机){var camerasharr=cameras.split(“|”);console.log(tflURL+camerasharr[0]+”.jpg”);}您是否有显示任何摄影机流的完整示例?