techtransthai/fifty-shades-of-bully
6
0
Fork 1
Code Issues 6 Pull requests Projects Releases Packages Wiki Activity Actions

WebM thingy, broken css please fix

Browse source
This commit is contained in:
lovelytransgirl 2025-06-21 16:58:33 +07:00
parent b4d79329f8
commit ffc51b3f32
1 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/pages/conversationPage.jsx
View file

@ -4,6 +4,7 @@ import '../css/global.css';
import '../css/textBox.css'; import '../css/textBox.css';
import '../css/nameBox.css'; import '../css/nameBox.css';
import '../css/conversation.css' import '../css/conversation.css'
import { useNavigate, useParams } from 'react-router-dom';
import Animation from './components/animation.jsx'; import Animation from './components/animation.jsx';
function ConversationPage({data , onClicked}) { function ConversationPage({data , onClicked}) {
@ -11,9 +12,13 @@ function ConversationPage({data , onClicked}) {
const [name] = useState(() => { const [name] = useState(() => {
return sessionStorage.getItem("name") || ''; return sessionStorage.getItem("name") || '';
}); });
const { char } = useParams();
const DialogText = data.text.replace("{name}", name); const DialogText = data.text.replace("{name}", name);
const DialogName = data.name.replace("{name}", name); const DialogName = data.name.replace("{name}", name);
const videoPath = `https://dl.techtransthai.org/fsob-assets/F_${char}_normal.webm`;
// https://dl.techtransthai.org/fsob-assets/F_Porsche_normal.webm
console.log(data.sprite);
return ( return (
<div <div
@ -31,7 +36,10 @@ function ConversationPage({data , onClicked}) {
}} }}
> >
<div className='spriteBox'> <div className='spriteBox'>
<Animation src={`F${data.sprite}`}/> <video width="200%" height="200%" autoPlay loop muted>
<source src={videoPath} type="video/webm" />
Your browser does not support the video tag.
</video>
</div> </div>
<div style={{width:'60vw'}}> <div style={{width:'60vw'}}>
<div className='nameBox title'> <div className='nameBox title'>