简体繁体 English

使用Azure Media Services从图像传递HTML5视频

[英]Deliver HTML5 videos from images with Azure Media Services

原文 2014-10-28 16:38:07 5 1 javascript/ asp.net/ html5/ azure/ azure-media-services

In my web page, it captures Camera's images (dataUrl) 30 frames/second with 's MediaStream. 在我的网页中，它使用的MediaStream捕获了每秒30帧的相机图像（dataUrl）。 Then it sends dataUrl to my websocket server. 然后它将dataUrl发送到我的websocket服务器。 My websocket server converts dataUrl to image. 我的websocket服务器将dataUrl转换为图像。

I've other pages opened by other users on their computer. 我还有其他用户在其计算机上打开的其他页面。 They should see what i'm doing in front of my camera. 他们应该在相机前看到我在做什么。 What i did is retreiving the images from my websocket server and play them as a "video" in an But the video is not fluent if network environement is not good. 我所做的是从Websocket服务器中检索图像，然后将其作为“视频”播放。但是，如果网络环境不好，视频就不会流畅。 And it uses too much out-bandwith, it's expensive. 而且它使用过多的带宽，价格昂贵。

Is it possible that : I just encode and save images into the repository of AMS (Azure Media Service), AMS convert them to a video stream automatically. 是否有可能：我只是将图像编码并保存到AMS（Azure媒体服务）的存储库中，AMS会将其自动转换为视频流。 My firends just need to play a MPEG-DASH streaming from AMS with HTML5/javascript. 我的朋友只需要使用HTML5 / javascript从AMS播放MPEG-DASH流。

1 个解决方案

Media services doesn't support image input, you can see what is supported from here http://msdn.microsoft.com/en-us/library/azure/dn535852.aspx 媒体服务不支持图像输入，您可以在此处查看支持的内容http://msdn.microsoft.com/en-us/library/azure/dn535852.aspx

If the network environment has low capacity or drop packets then video will be troublesome in any fashion. 如果网络环境容量不足或丢包，则视频将以任何方式带来麻烦。 If you can upload images to your server consistently, then perhaps display the images to them and update using a polled ajax query or a websocket. 如果您可以将图像一致地上传到服务器，则可以将图像显示给服务器并使用轮询的ajax查询或网络套接字进行更新。