高性能RTMP、HLS(m3u8)、HTTP-FLV、RTSP流媒體服務器RTMP推流服務器EasyDSS如何快速有效添加授權到期提示?

EasyDSS流媒體服務器軟件,提供一站式的轉碼、點播、直播、時移回放服務,極大地簡化了開發和集成的工作。

其中,點播功能主要包含:上傳、轉碼、分發。直播功能,主要包含:直播、錄像,直播支持RTMP輸入,RTMP/HLS/HTTP-FLV的分發輸出;錄像支持自定義保存時長、檢索及下載。提供豐富的二次開發接口,基於JSON的封裝及HTTP調用。提供播放鑑權、推流鑑權等安全保證。提供用戶及相關權限管理配置。

 

如何快速有效添加EasyDSS授權到期提示

問題描述

當我們不夠熟悉Vue.js時,在修改一些前端代碼,往往要先觀摩研究前人寫的代碼,然後結合自身掌握的知識去實踐,調試。往往要花費一定時間,最後終有所成。在獲取授權剩餘天數時,我嘗試定義了一個函數,返回剩餘授權值如下:

encryptionType() {
      return (day, value) => {
        let dayNum = day.split("Validity Time Left: ")[1].split(" day(s)")[0];
        return dayNum;
      };
    }

其返回值可以以{{encryptionType(serverInfo.Validity)}}的形式寫在HTML標籤內部,具體如下:

<p>授權時間剩餘{{encryptionType(serverInfo.Validity)}}天,請及時聯繫商務人員獲取授權!</p>

但是在Vue.js的v-if內卻不能這樣寫。

解決方案

我們定義了一個函數寫在v-if內,如下

v-if="leftNum()<8? true:false"

然後在JavaScript內實現這個函數,返回值是授權剩餘天數,如下

leftNum(){
      let days = this.serverInfo.Validity.split("Validity Time Left: ")[1].split(" day(s)")[0];
      return days;
    }

這樣就可以直接取函數的返回值與提示閥值做比較了,以實現後面的邏輯。

EasyDSS視頻流媒體服務器播放效果展示:

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章