Question

我需要为特定地点显示实时交通摄像头（例如，Tel aviv Ayalon road）。我看到了一些例子，但仍然无法理解如何实现它。

这是我需要的一个例子：通过选择位置，有一个实时道路相机。

我尝试过以下示例：https://github.com/pusher/pusher-realtime-tfl-cameras和http://jsbin.com/mazaf/3/edit?html,js,console,output

这是我的代码：

<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>

以下是我的输出：

Pusher：状态已更改：已初始化 - ＆gt;连 pusher.min.js：8 Pusher：正在连接：{＆＃34; transport＆＃34;：＆＃34; ws＆＃34;，＆＃34; url＆＃34;：＆＃34; wss：// ws-ap2 .pusher.com：443 /应用/ e38b1f2ff9c8c301319c协议= 7＆安培;客户= JS＆安培;版本= 4.1.0＆安培;闪速=假＆＃34;} pusher.min.js：8 Pusher：状态改变：连接 - ＆gt;连接新套接字ID 208.479900 pusher.min.js：8 Pusher：发送的事件：{＆＃34;事件＆＃34;：＆＃34;推动者：订阅＆＃34;，＆＃34;数据＆＃34;：{＆＃34;频道＆＃34 ;：＆＃34;我的信道＆＃34;}} pusher.min.js：8 Pusher：事件记录：{＆＃34;事件＆＃34;：＆＃34; pusher_internal：subscription_succeeded＆＃34;，＆＃34;数据＆＃34;：{}，＆＃34;频道＆＃34;：＆＃34;我的信道＆＃34;} pusher.min.js：8 Pusher：我的频道没有回调推送器：subscription_succeeded

但我怎么能看到直播相机？

由于

Answer 1

您应该阅读https://github.com/pusher/pusher-realtime-tfl-cameras上的Readme.md，主要是底部的代码示例。这将只允许您访问伦敦地区的TfL摄像机，因为这些都是API公开。在考虑将其集成到您的应用中之前，您需要找到该街道的实时视频来源。

如何在我的网页上显示实时交通摄像头？

1 个答案: