Salastil/streamwall
1
0
Fork 0
mirror of https://github.com/streamwall/streamwall.git synced 2025-12-06 01:45:37 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add extra logging for timed out videos. Make video timeout adjustable.

Browse Source
This commit is contained in:
sayhiben
2025-06-11 15:13:41 -07:00
parent 9c9215487f
commit e715f25e9b
3 changed files with 27 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
example.config.toml
View File

@@ -14,6 +14,10 @@
# Set the active (highlight) color # Set the active (highlight) color
#active-color = "#fff" #active-color = "#fff"
[video]
# Timeout for loading videos (in milliseconds)
#timeout = 10000
[grid] [grid]
#count = 3 #count = 3

23
src/browser/mediaPreload.js
View File

@@ -136,10 +136,10 @@ function waitForQuery(query) {
}) })
} }
async function waitForVideo(kind) { async function waitForVideo(kind, timeout = 10000) {
lockdownMediaTags() lockdownMediaTags()
let video = await Promise.race([waitForQuery(kind), sleep(10 * 1000)]) let video = await Promise.race([waitForQuery(kind), sleep(timeout)])
if (video) { if (video) {
return { video } return { video }
} }
@@ -221,7 +221,7 @@ const igHacks = {
}, },
} }
async function findVideo(kind) { async function findVideo(kind, timeout = 10000) {
if (periscopeHacks.isMatch()) { if (periscopeHacks.isMatch()) {
await periscopeHacks.onLoad() await periscopeHacks.onLoad()
} }
@@ -229,8 +229,13 @@ async function findVideo(kind) {
await igHacks.onLoad() await igHacks.onLoad()
} }
const { video, iframe } = await waitForVideo(kind) const { video, iframe } = await waitForVideo(kind, timeout)
if (!video) { if (!video) {
// Log HTML and status for debugging TikTok issues
if (location.host.includes('tiktok.com')) {
console.error('TikTok video not found. Page HTML:', document.documentElement.outerHTML)
console.error('Response status:', window.performance.getEntriesByType('navigation')[0]?.responseStatus || 'unknown')
}
throw new Error('could not find video') throw new Error('could not find video')
} }
if (iframe) { if (iframe) {
@@ -256,8 +261,13 @@ async function findVideo(kind) {
const videoReady = new Promise((resolve) => const videoReady = new Promise((resolve) =>
video.addEventListener('playing', resolve, { once: true }), video.addEventListener('playing', resolve, { once: true }),
) )
await Promise.race([videoReady, sleep(10 * 1000)]) await Promise.race([videoReady, sleep(timeout)])
if (!video.videoWidth) { if (!video.videoWidth) {
// Log HTML and status for debugging TikTok issues
if (location.host.includes('tiktok.com')) {
console.error('TikTok video timeout. Page HTML:', document.documentElement.outerHTML)
console.error('Response status:', window.performance.getEntriesByType('navigation')[0]?.responseStatus || 'unknown')
}
throw new Error('timeout waiting for video to start') throw new Error('timeout waiting for video to start')
} }
console.log('video started') console.log('video started')
@@ -283,7 +293,8 @@ async function main() {
let rotationController let rotationController
if (content.kind === 'video' || content.kind === 'audio') { if (content.kind === 'video' || content.kind === 'audio') {
webFrame.insertCSS(VIDEO_OVERRIDE_STYLE, { cssOrigin: 'user' }) webFrame.insertCSS(VIDEO_OVERRIDE_STYLE, { cssOrigin: 'user' })
const { info, video } = await findVideo(content.kind) const timeout = content.timeout || 10000 // Default to 10 seconds
const { info, video } = await findVideo(content.kind, timeout)
if (content.kind === 'video') { if (content.kind === 'video') {
rotationController = new RotationController(video) rotationController = new RotationController(video)
if (periscopeHacks.isMatch()) { if (periscopeHacks.isMatch()) {

6
src/node/index.js
View File

@@ -73,6 +73,11 @@ function parseArgs() {
describe: 'Active (highlight) color of wall', describe: 'Active (highlight) color of wall',
default: '#fff', default: '#fff',
}) })
.option('video.timeout', {
describe: 'Timeout (in milliseconds) for loading videos',
number: true,
default: 10000,
})
.group(['data.interval', 'data.json-url', 'data.toml-file'], 'Datasources') .group(['data.interval', 'data.json-url', 'data.toml-file'], 'Datasources')
.option('data.interval', { .option('data.interval', {
describe: 'Interval (in seconds) for refreshing polled data sources', describe: 'Interval (in seconds) for refreshing polled data sources',
@@ -285,6 +290,7 @@ async function main(argv) {
viewContentMap.set(key, { viewContentMap.set(key, {
url: stream.link, url: stream.link,
kind: stream.kind || 'video', kind: stream.kind || 'video',
timeout: argv.video.timeout,
}) })
} }
streamWindow.setViews(viewContentMap, clientState.info.streams) streamWindow.setViews(viewContentMap, clientState.info.streams)