AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bugfixing video streamer

Browse Source
This commit is contained in:
MuslemRahimi 2024-08-05 08:00:14 +02:00
parent a1cfe28091
commit 5eb9851eaf
3 changed files with 9 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/components/Input.svelte
View File

@ -28,7 +28,8 @@
const files = target.files; const files = target.files;
if (files.length > 0) { if (files.length > 0) {
if (['.mp4', '.webm'].some(format => files[0]?.name?.includes(format)) )
if (files[0]?.name?.toLowerCase()?.includes('.mp4'))
{ {
videoInput = URL.createObjectURL(files[0]); videoInput = URL.createObjectURL(files[0]);
} }
@ -67,8 +68,7 @@
function handleInput(event) { function handleInput(event) {
inputValue = event.target.value; inputValue = event.target.value;
if(inputValue?.toLowerCase()?.includes('.mp4'))
if(inputValue.includes('.mp4'))
{ {
showVideo = true; showVideo = true;
} }

25
src/lib/components/PostSection.svelte
View File

@ -6,7 +6,7 @@
import Downvote from '$lib/components/Downvote.svelte'; import Downvote from '$lib/components/Downvote.svelte';
import Upvote from '$lib/components/Upvote.svelte'; import Upvote from '$lib/components/Upvote.svelte';
import {userRegion, postVote, tagList, postIdDeleted} from '$lib/store'; import {postVote, tagList, postIdDeleted} from '$lib/store';
import toast from 'svelte-french-toast'; import toast from 'svelte-french-toast';
@ -14,21 +14,6 @@
export let moderators; export let moderators;
export let data; export let data;
const usRegion = ['cle1','iad1','pdx1','sfo1'];
let apiURL = import.meta.env.VITE_EU_API_URL; // Set a default API URL
let fastifyURL = import.meta.env.VITE_EU_FASTIFY_URL;
userRegion.subscribe(value => {
if (usRegion.includes(value)) {
apiURL = import.meta.env.VITE_USEAST_API_URL;
fastifyURL = import.meta.env.VITE_USEAST_FASTIFY_URL;
} else {
apiURL = import.meta.env.VITE_EU_API_URL;
fastifyURL = import.meta.env.VITE_EU_FASTIFY_URL;
}
});
let deletePostId = posts?.id let deletePostId = posts?.id
@ -89,7 +74,7 @@
'userId': posts?.user 'userId': posts?.user
}; };
const response = await fetch(fastifyURL+'/delete-post', { const response = await fetch(data?.fastifyURL+'/delete-post', {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json' 'Content-Type': 'application/json'
@ -147,7 +132,7 @@ const handleUpvote = async (event) => {
$postVote = {'id': postId, 'upvote': upvoteCounter[postId], 'downvote': downvoteCounter[postId], 'upvoteClicked': upvoteButtonClicked[postId], 'downvoteClicked': downvoteButtonClicked[postId]}; $postVote = {'id': postId, 'upvote': upvoteCounter[postId], 'downvote': downvoteCounter[postId], 'upvoteClicked': upvoteButtonClicked[postId], 'downvoteClicked': downvoteButtonClicked[postId]};
const response = await fetch(fastifyURL+'/upvote', { const response = await fetch(data?.fastifyURL+'/upvote', {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json' 'Content-Type': 'application/json'
@ -183,7 +168,7 @@ const handleDownvote = async (event) => {
$postVote = {'id': postId, 'upvote': upvoteCounter[postId], 'downvote': downvoteCounter[postId], 'upvoteClicked': upvoteButtonClicked[postId], 'downvoteClicked': downvoteButtonClicked[postId]}; $postVote = {'id': postId, 'upvote': upvoteCounter[postId], 'downvote': downvoteCounter[postId], 'upvoteClicked': upvoteButtonClicked[postId], 'downvoteClicked': downvoteButtonClicked[postId]};
const response = await fetch(fastifyURL+'/downvote', { const response = await fetch(data?.fastifyURL+'/downvote', {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/json' 'Content-Type': 'application/json'
@ -457,7 +442,7 @@ $: {
<div class="relative"> <div class="relative">
{#if posts?.thumbnail && !['webm', 'mp4']?.some(format => posts?.thumbnail?.includes(format))} {#if posts?.thumbnail && !posts?.thumbnail?.toLowerCase()?.includes('mp4')}
<div class="absolute inset-0 bg-cover object-fill bg-center bg-[#000]"></div> <div class="absolute inset-0 bg-cover object-fill bg-center bg-[#000]"></div>
<!--<div class="absolute -inset-3 md:-inset-y-20 md:mt-10 bg-cover object-contain blur-[40px]" style="clip-path: polygon(0 0, 100% 0, 100% 90%, 0 90%); background-image: url('{getImageURL(posts.collectionId, posts.id, posts.thumbnail)}');"></div>--> <!--<div class="absolute -inset-3 md:-inset-y-20 md:mt-10 bg-cover object-contain blur-[40px]" style="clip-path: polygon(0 0, 100% 0, 100% 90%, 0 90%); background-image: url('{getImageURL(posts.collectionId, posts.id, posts.thumbnail)}');"></div>-->

2
src/routes/community/post/[postId]/+page.svelte
View File

@ -714,7 +714,7 @@ function updateVote(postVote) {
{#if post?.thumbnail?.length !==0} {#if post?.thumbnail?.length !==0}
{#if !['webm', 'mp4'].some(format => post?.thumbnail?.includes(format))} {#if !post?.thumbnail?.toLowerCase()?.includes('mp4')}
<!--<label for="zoomPostImage" class="cursor-zoom-in mt-10 bg-[#000] m-auto flex justify-center items-center">--> <!--<label for="zoomPostImage" class="cursor-zoom-in mt-10 bg-[#000] m-auto flex justify-center items-center">-->
<label class="mt-10 bg-[#000] m-auto flex justify-center items-center rounded-xl"> <label class="mt-10 bg-[#000] m-auto flex justify-center items-center rounded-xl">
<img src="{getImageURL(post?.collectionId, post?.id, post?.thumbnail)}" alt="image" class="relative bg-center m-auto object-center w-auto relative max-h-[520px] sm:max-h-[700px]"> <img src="{getImageURL(post?.collectionId, post?.id, post?.thumbnail)}" alt="image" class="relative bg-center m-auto object-center w-auto relative max-h-[520px] sm:max-h-[700px]">