阅读 179

RTMP推流直播平台EasyDSS直播界面出现乱码怎么办?

TSINGSEE青犀视频团队研发的EasyDSS视频平台与EasyNVR视频平台有些不同,大家知道EasyNVR是用于安防摄像头RTSP直播的视频软件,而EasyDSS不仅可以直播,还可以用于点播,点播则是将不同格式的视频文件上传后,进行转码,可随意进行播放。EasyDSS直播点播界面都可以进行视频分享,在视频播放页面,可以实现链接分享,页可扫码分享。

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

有部分用户在EasyDSS版本更新之后,出现点播或直播分享页面有字符乱码的情况。下面我们看下这个问题是如何解决的。

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=


分析问题

显示乱码的信息是从浏览器地址栏获取,从地址看显示都是正常的,这边从浏览器获取对应的字段打印出来发现自由文字会出现乱码。然后MDN上查询发现浏览器地址会转文字,但不会转码字符。

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=


解决问题

找到EasyPlayer.vue 文件后,在mounted 生命周期里找到this.getQuerystring(‘videotitle’) 包一层decodeURL进行转码。

mounted() {
    this.isresolution = this.getQueryString("isres", "no") == "true";
    this.resolution = this.getQueryString("res");
    this.resolutiondefault = this.getQueryString("resdefault");
    document.title = decodeURI(decodeURI(this.getQueryString("videoTitle", this.$t("m.login_title"))));
    this.videoTitle =decodeURI(this.getQueryString("videoTitle", ""))
    console.log('输出',decodeURI(this.getQueryString("videoTitle", "")));
    
    this.type = this.getQueryString("type", "live");
    this.videoUrl = location.origin + decodeURI(decodeURI(this.getQueryString("videoUrl"))); 
    this.snapUrl =  this.getQueryString("snapUrl", ""); 
    this.muted = this.getQueryString("muted") == "yes";
    this.autoplay = this.getQueryString("autoplay", "yes") == "yes";
    this.id = this.getQueryString("id");
    this.aspect = this.getQueryString("aspect").replace("x", ":");
    this.isaspect = this.getQueryString("isaspect", "no") == "yes"
  },

登录后复制


修改之后我们就可以看到分享页面的标题显示正常:

1320.png


更多关于EasyDSS:

  • 转码、上传一体化设计,使视频资源转码后可立即面向互联网进行发布;

  • 上传视频后一键生成视频地址,以供用户分享、嵌入到网站、软件系统中;

  • 各模块间无缝对接,亦可将EasyDSS流媒体服务器软件与其他第三方平台对接,组合灵活自由;

  • 支持Flash、HTML5播放,兼容Windows、Android、iOS、Mac等操作系统。

DSS7.png

视频相关解决方案均可访问TSINGSEE青犀视频,可以联系我们获取演示方案,直观感受,也可自行进行下载及测试。

©著作权归作者所有:来自51CTO博客作者wx6084d152d85c2的原创作品,如需转载,请注明出处,否则将追究法律责任


文章分类
后端
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐