Video in messages

This commit is contained in:
ThatOneCalculator 2022-08-19 14:24:30 -07:00
parent e946c8b477
commit 4e43ad4b32
3 changed files with 16 additions and 2 deletions

View File

@ -3,7 +3,6 @@
## Planned
- MFM button
- Better Messaging UI
- Classic mode make instance icon bring up new context menu
- Like/star button
- Option to publicize instance blocks
@ -20,6 +19,7 @@
## Work in progress
- Better Messaging UI
- OCR image captioning
- Swipe through timelines on mobile
- Admin custom CSS

View File

@ -1,6 +1,6 @@
{
"name": "misskey",
"version": "12.118.1-calc.9.4",
"version": "12.118.1-calc.9.5",
"codename": "aqua",
"repository": {
"type": "git",

View File

@ -11,6 +11,18 @@
<div v-if="message.file" class="file">
<a :href="message.file.url" rel="noopener" target="_blank" :title="message.file.name">
<img v-if="message.file.type.split('/')[0] == 'image'" :src="message.file.url" :alt="message.file.name"/>
<VuePlyr v-if="message.file.type.split('/')[0] == 'video'">
<video
:alt="message.file.name"
preload="none"
controls
@contextmenu.stop
>
<source
:src="message.file.url"
>
</video>
</VuePlyr>
<p v-else>{{ message.file.name }}</p>
</a>
</div>
@ -39,6 +51,7 @@
import { } from 'vue';
import * as mfm from 'mfm-js';
import * as Misskey from 'misskey-js';
import VuePlyr from 'vue-plyr';
import { extractUrlFromMfm } from '@/scripts/extract-url-from-mfm';
import MkUrlPreview from '@/components/url-preview.vue';
import * as os from '@/os';
@ -62,6 +75,7 @@ function del(): void {
<style lang="scss" scoped>
.thvuemwp {
$me-balloon-color: var(--accent);
--plyr-color-main: var(--accent);
position: relative;
background-color: transparent;