Add more bindings for AVFormatContext data. Add Overview page in Vue. Add required CORS headers for supporting SharedArrayBuffer in Firefox.

This commit is contained in:
Alf
2020-09-25 22:13:48 -07:00
parent 039388eaf0
commit 00d4b8fdba
6 changed files with 122 additions and 88 deletions

View File

@@ -0,0 +1,39 @@
<template>
<div>
<h4>AVContext Info</h4>
<b-table stacked :items="items"></b-table>
<h4>AVContext Streams</h4>
<b-table striped hover :items="streams"></b-table>
</div>
</template>
<script>
export default {
name: 'Overview',
props: ['info'],
computed: {
streams() {
const s = [];
for (let i = 0; i < this.info.streams.size(); i++) {
s.push(this.info.streams.get(i));
}
return s;
}
},
data() {
return {
items: [
{
name: this.info.name,
duration: this.info.duration,
bit_rate: this.info.bit_rate,
url: this.info.url,
nb_streams: this.info.nb_streams,
flags: this.info.flags,
},
]
}
}
}
</script>