Commit 013c27bf authored by Navodya Pasqual's avatar Navodya Pasqual

Digital human video added

parent 97ee6a7a
Abstraction is a very important feature of OOPs that allows displaying only the important information and hiding the implementation details. For example, while riding a bike, you know that if you raise the accelerator, the speed will increase, but you don’t know how it actually happens. This is abstraction as the implementation details are hidden from the rider. I didn't get that. Can you say it again?
\ No newline at end of file \ No newline at end of file
...@@ -9,7 +9,6 @@ import Card from "./sections/cardChat"; ...@@ -9,7 +9,6 @@ import Card from "./sections/cardChat";
import './styles/digitalHuman.css'; import './styles/digitalHuman.css';
import { FaMicrophone } from "react-icons/fa"; import { FaMicrophone } from "react-icons/fa";
import { IoSend } from "react-icons/io5"; import { IoSend } from "react-icons/io5";
import image from "./images/avatar.png";
const SpeechRecognition = const SpeechRecognition =
window.SpeechRecognition || window.webkitSpeechRecognition window.SpeechRecognition || window.webkitSpeechRecognition
...@@ -188,7 +187,9 @@ function DigitalHuman() { ...@@ -188,7 +187,9 @@ function DigitalHuman() {
return ( return (
<div className='digitalHuamn'> <div className='digitalHuamn'>
<div className='avatar'> <div className='avatar'>
<img src={image} width='100%'/> <video height='520px' autoPlay>
<source src='/video/result_voice.mp4' type="video/mp4" />
</video>
</div> </div>
<div className='avatar'> <div className='avatar'>
<div className='chat' style={{ <div className='chat' style={{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment