Is there a chart library similar to SoundCloud showing audio and comments? - html

I am after a HTML5 chart library that works similar to SoundCloud.com:
Show audio recording
Show timestamped comments against recording.
Do you know of anything that works like this or similar to it?
Thank you for your reply.
Cheers

You could use Waveforms.js for showing the waveform, but you'll have to implement the comment system by yourself.
More info here

Related

How do you enable debug mode on SourceSync embeds?

I'm trying to use their new overlay experience type on my own videos, but I can't get the Player.js messages to control it. I read they have a debug mode that shows the current play time and a bunch more stuff, but I don't have access to the distribution, only the embed link. Can I turn on debugging still?
Nevermind. Found it shortly after posting this. Putting it here as their docs don't seem to show up on Google. It's in their docs here: https://docs.sourcesync.io/#/embedding
You just add debug=true to their script. i.e.
<script src="https://sourcesync.io/js/embed.js?debug=true"></script>

HTML code for implementing a Stream

I want to add a stream to my webpage.
It should show a programm from my PC. I know that I can use OBS for streaming but I do not know how to implement the streamed data to my page.
Do you have any advices?
(A tutorial would already help, but I couldn't find anything)
Thank you very much!
Taka
EDIT:
Okay the backend is actually unavailable for me. Because it is using a thirdparty service.
My goal is that the frontend displays a stream of my programm that is running on my pc.
I hope this is giving you a better idea.
The easiest way and the way I would do it is just stream to twitch.tv and and embed the player into your site like so:
<iframe
src="http://player.twitch.tv/?<channel, video, or collection>"
height="<height>"
width="<width>"
frameborder="<frameborder>"
scrolling="<scrolling>"
allowfullscreen="<allowfullscreen>">
</iframe>
(For more info on using this check this out: https://dev.twitch.tv/docs/v5/guides/embed-video)
If you don't want to take this step then as people were saying in the comments you can't do that with just html.

Flash to HTML conversion

I want to convert flash files(.swf) into HTML5. What is the way to do it? Suggestions on Stack overflow are not working. Like pixelplant and swiffy doesnt provide the exact output. * need users to enter values in the flash. but when i convert it using swiffy. it doest show the option to enter the values.*
A simple Flash to HTML5 converter that helps make SWF files available to a larger audience.
https://developers.google.com/swiffy/

Web worker not working html5

i have recently started to program in html5,
My friend asked me to build him a youtube video to gif, i have zero idea how to do this, he wants it to sit in his computer (with a web server).
I am looked around in google for few hours before coming in this time because i know this is not google.
So, i found this code - http://techslides.com/demos/video/generate-animatedgif.html, on hes website its working like a charem right? so. he said, copy this template to your web server and it will work.
Well, i did just that - look what happnd -
w.js:3 Uncaught ReferenceError: Worker is not defined
IF NEEDED, i can upload and share my link here if needed. But i will be really happy if someone can tell me what am i doing worng or give me another web that can create gifs ( that you can download the html and host in your own server).
Ty very much, please. i know this is not the reguler qustion in stackoverflow, but please dont close this theard, i ask for help.
Make sure you have this line of code
var worker = new Worker('w.js');
in your html file
So, it seems that web workers can only work if you create a file for them,
So, my answer is simple. I created a w.js file with the code inside, and it works.
Good day all.

Add a calendar with marked events on a website

I want to add a calendar to my website and mark my events on it, using html5
like the example below.
what I found on the net is this code:
<iframe id='cv_if5' src='http://cdn.instantcal.com/cvir.html?id=cv_nav5&file=http%3A%2F%2Fwww.instantcal.com%2Ftest.ics&theme=XGY&ccolor=%23ffffc0&dims=1&gtype=cv_monthgrid&gcloseable=0&gnavigable=1&gperiod=month&itype=cv_simpleevent' allowTransparency=true scrolling='no' frameborder=0 height=600 width=800></iframe>
but how to generate a file contain my events? I have tried to generate an ics file using outlook but it didn't work!
The example:
The best way to do this would be to use an existing API. Something like google calendars. There is a very large amount of code behind what you are trying to do and as a web developer im lazy when it comes to writing code so I just use what is already out there, instead of reinventing the wheel.
I hope this helps!