EasyNVR攝像機無插件直播流媒體服務器前端構建之輸入框樣式的調整

EasyNVR受權方式分爲軟件的受權和硬件受權兩種方式，軟件受權須要在軟件輸入永久邀請碼能夠激化永久受權

起初咱們的界面設計是爲了知足功能的需求就是 ，用戶能夠輸入激活碼提交，完成永久受權。
在實際的應用過程當中咱們發現因爲輸入框自身大小的緣由，咱們的機器碼有事沒法徹底展現給用戶，不方便用戶的自我檢查激活碼是否準確。所以咱們考慮使用能夠方便拉伸改變大小的輸入框。

實施流程及遇到問題

對於能夠自定義改變打的大小的輸入框樣式，第一個想到的是,

然而悲劇的是斌沒有很好的兼容性，能夠很好的在chrome、Firefox瀏覽器完成自定義輸入框的大小拉伸，在IE瀏覽器下 就沒法完成自定大小的拉伸了

爲了解決這個問題，互聯網再次給我幫助，

經過插件 Resizable | jQuery UI

完美是的實現了自定義拉伸，使用鼠標改變元素的尺寸

具體使用步驟

引入 jQuery UI

<script src="./adminlte-2.3.6/plugins/jquery-ui-1.12.1.custom/jquery-ui.js"></script>

給指點的元素添加id方便使用插件

<td>
   <textarea placeholder="輸入申請到的激活碼" id="activationCode" ></textarea>
   	</br>
   	<button id="check">提交</button></span>
  </td>

在js中實現該方法

// 調用jquery-ui來完成自定義控制輸入框大小，默認300X50
	 $("#activationCode").resizable({ });

實現效果展現：

IN Chrome

IN IE

---

關於EasyNVR

EasyNVR可以經過簡單的網絡攝像機通道配置，將傳統監控行業裏面的高清網絡攝像機IP Camera、NVR等具備RTSP協議輸出的設備接入到EasyNVR，EasyNVR可以將這些視頻源的音視頻數據進行拉取，轉換爲RTMP/HLS，進行全平臺終端H5直播（Web、Android、iOS），而且EasyNVR可以將視頻源的直播數據對接到第三方CDN網絡，實現互聯網級別的直播分發；

詳細說明：http://www.easynvr.com

點擊連接加入羣【EasyNVR解決方案】：383501345