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”);}代码>您是否有显示任何摄影机流的完整示例?