# 組件名：hsLive（直播視頻組件） ### 作者：屈磊 ### 效果：  ## 使用方式： ``` 需要插件支持 //?cnpm?i?--save?video.js@7.11.8 import?Videojs?from'video.js/dist/video.min.js' import'video.js/dist/video-js.min.css' <!-- 在對應頁面使用 --> import?hsLive?from'./video/hs-live.vue' ??? <hsLive :see-data="seeData" :video-data="liveData" :comment-data="commentData" :recommendData="recommendData" @clickRecommend="clickRecommend" ??/> ?????? ? ## 參數 data() { return { //?直播數據 liveData:{ id:0, videoSrc:'https://wenhuabu-media.bj.bcebos.com/廣場舞教學視頻國家云logo/斑鳩調?教學版.mp4', poster:'https://wenhuabu-media.bj.bcebos.com/front-end-engineer/Intangible-heritage/qlimg/aisibg.jpg', title:'人像質感磨皮技巧', isBrief:false,?//?是否顯示視頻下的標題?時間， state:0, brief:"簡介：中東鐵路的修筑，帶來了豐富的俄羅斯文化，黑龍江無論是衣食住行還是文化與建筑，都留有雪山的印記。…" ????????????}, 推薦視頻列表 recommendData:[ { poster:"http://via.placeholder.com/187x103", title:"大龍老師帶您領略哈爾濱化館引領", view:"233", state:0, videoSrc:'https://wenhuabu-media.bj.bcebos.com/廣場舞教學視頻國家云logo/斑鳩調?教學版.mp4', isBrief:false?,//?是否顯示視頻下的標題?時間， brief:"簡介：1" ? ?}] // 評論數據 commentData: [ { id: 0, name: '張先生', time: '2021-02-08 13:25:36', evaluation: '節目很精彩，小朋友很喜歡，希望以后多多主辦類似的活動' }, ] } },?????????????????????????????????????????????? ``` ### 說明： 點贊/收藏/分享可選擇顯示 ### 參數： | 參數 | 作用 | 類型 | 默認 | 是否必傳 | 屬性 | | --- | --- | --- | --- | --- | --- | |???recommendData?|??推薦數據?|??Array?|??|??是?|???| | commentData | 評論數據 | Array | | 是 | | |???liveData?|??當前直播?|??Object|??|??是?|???|