cerberus-web/src/client/components/Beepbox.tsx

23 lines
669 B
TypeScript

import React from 'react';
/**
* @return {jsx} The root component
*/
export default function Beebox() {
return (
<div className='container'>
<h1>Cerberus with appropriate music</h1>
<p>This is a work session. The Cerberus is a very versatile project
and you cannot always predict the shape that the sound will
produce, here I used simple waveforms to create more or less
predictable shapes, you can recognize Lissajous curves at some
points</p>
<video width="360" height="640" controls>
<source src="static/videos/laser_beepbox.mp4"
type="video/mp4" />
Your browser does not support the video tag.
</video>
</div>
);
}