首页 > 解决方案 > Azure 媒体服务,VideoJS,需要在 src 中隐藏 Azure 端点 url

问题描述

在带有 VideoJS 的 Azure 媒体服务中,我们正在创建 Mainfest 文件并在 UI 中显示该视频,

我想隐藏 Azure URL 或使用不同的方式显示视频而不在前端显示 Azure 云,

下面的 URL 来自 Spring Boot 后端,

需要从客户端隐藏 Azure 端口或以任何其他方式将视频从 springboot ressonce 显示到 Video.js,

代码:

const videoJsOptions = {
  techOrder: ['html', 'youtube', 'flash', 'other supported tech'],
  autoplay: true,
  controls: true,
  usingNativeControls: true,
  sources: [
    {
      src:
'https://**my-video.streaming.media.azure.net**/tes-122/manifest',
      type: 'application/vnd.ms-sstr+xml'
    }
  ]
};

标签: spring-bootvue.jsvideo.jsazure-media-services

解决方案


不确定我是否理解这个问题。是否要对客户端隐藏视频流 URL“https://my-video.streaming.media.azure.net / tes -122/manifest”?
即使您将其隐藏在 JavaScript 中,客户端也可以执行 F12 并获取正确的 URL?除非您想实现一个代理,其中来自客户端的所有请求都通过代理,然后代理连接到实际的 Azure 资源。虽然一个简单的代理服务器就足够了,但现在所有视频数据都必须通过代理进行路由,因此需要根据您拥有的视频数量以及在任何给定时间观看它的客户数量而具有相当大的可扩展性。


推荐阅读