wxc
1 year ago
51 changed files with 2064 additions and 312 deletions
@ -1,41 +0,0 @@ |
|||||||
<template> |
|
||||||
<div> |
|
||||||
<!-- 用于显示视频流的video元素 --> |
|
||||||
<video ref="videoPlayer" id="videoPlayer" class="video-js vjs-default-skin" controls></video> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
// 导入 srs.js 库 |
|
||||||
import 'https://cdn.jsdelivr.net/npm/srs.js@latest/dist/srs.min.js'; // 使用最新版本的 srs.js |
|
||||||
|
|
||||||
export default { |
|
||||||
mounted() { |
|
||||||
// 初始化 WebRTC 播放器 |
|
||||||
this.player = new SRS.Player({ |
|
||||||
url: 'webrtc://47.121.143.167/live/livestream', // WebRTC流地址 |
|
||||||
el: this.$refs.videoPlayer, // 视频播放元素 |
|
||||||
width: '100%', // 宽度设置为 100% |
|
||||||
height: 'auto', // 高度自适应 |
|
||||||
}); |
|
||||||
|
|
||||||
this.player.play().catch((err) => { |
|
||||||
console.error('Failed to play WebRTC stream:', err); |
|
||||||
}); |
|
||||||
}, |
|
||||||
beforeDestroy() { |
|
||||||
// 销毁播放器 |
|
||||||
if (this.player) { |
|
||||||
this.player.dispose(); |
|
||||||
} |
|
||||||
} |
|
||||||
}; |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped> |
|
||||||
/* 确保视频播放器自适应 */ |
|
||||||
#videoPlayer { |
|
||||||
width: 100%; |
|
||||||
height: auto; |
|
||||||
} |
|
||||||
</style> |
|
||||||
@ -1,39 +1,27 @@ |
|||||||
const { VITE_PROFILES } = process.env; |
const { VITE_PROFILES } = process.env; |
||||||
|
|
||||||
export function setCookie(name, value, daysToLive) { |
export function setStorageItem(name, value) { |
||||||
let cookie = name + "=" + encodeURIComponent(value); |
window.localStorage.setItem(name, value); |
||||||
if (typeof daysToLive === "number") { |
|
||||||
cookie += "; max-age=" + (daysToLive*24*60*60); // 将天数转换为秒数
|
|
||||||
} |
|
||||||
document.cookie = cookie; |
|
||||||
} |
} |
||||||
|
|
||||||
export function getCookie(name) { |
export function getStorageItem(name) { |
||||||
const cookies = document.cookie.split("; "); |
return window.localStorage.getItem(name);; |
||||||
for (let i = 0; i < cookies.length; i++) { |
|
||||||
const [cookieName, cookieValue] = cookies[i].split("="); |
|
||||||
if (name === cookieName) { |
|
||||||
return decodeURIComponent(cookieValue); |
|
||||||
} |
|
||||||
} |
|
||||||
return ""; |
|
||||||
} |
} |
||||||
|
|
||||||
export function deleteCookie(name) { |
export function deleteStorageItem(name) { |
||||||
document.cookie = name + `=; expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;`; |
window.localStorage.removeItem(name);; |
||||||
document.cookie = name + `=; expires=Thu, 01 Jan 1970 00:00:00 GMT;path=${VITE_PROFILES};`; |
|
||||||
} |
} |
||||||
|
|
||||||
const TOKEN_KEY = "token" |
const TOKEN_KEY = "token" |
||||||
export function setToken(value) { |
export function setToken(value) { |
||||||
setCookie(TOKEN_KEY, value, 1) |
setStorageItem(TOKEN_KEY, value, 1) |
||||||
} |
} |
||||||
|
|
||||||
|
|
||||||
export function getToken() { |
export function getToken() { |
||||||
return getCookie(TOKEN_KEY); |
return getStorageItem(TOKEN_KEY); |
||||||
} |
} |
||||||
|
|
||||||
export function deleteToken() { |
export function deleteToken() { |
||||||
return deleteCookie(TOKEN_KEY); |
return deleteStorageItem(TOKEN_KEY); |
||||||
} |
} |
||||||
@ -0,0 +1,9 @@ |
|||||||
|
<template> |
||||||
|
|
||||||
|
</template> |
||||||
|
<script setup> |
||||||
|
|
||||||
|
</script> |
||||||
|
<style lang="scss" scoped> |
||||||
|
|
||||||
|
</style> |
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue