Sync audio with scrolling text for website - audio

I have about 5 paragraphs of text that will vertically scroll in a window and I need to be able to sync audio with it. It doesn't necessarily need to have the words highlighted as it's being read, but just accurate start and ending times. I tried to make something in Flash with ActionScript but I'm not very good with it and can't get satisfactory results.
I've googled and youtubed like crazy for tutorials or assistance but just can't really seem to find anything. If someone can help or point me in the right direction, it would be very much appreciated.

Related

iMovie crossfading audio automatically

I'm not sure if this is the right site for this question; please point me in the right direction if it isn't :)
I literally started using iMovie today so I have no idea what anything's called so bear with me.
I have two audio clips next to each other in iMovie. I want one audio clip to end when one image changes to another image, and the next audio clip to start immediately thereafter.
For some reason, when I place these (disconnected) audio files next to each other, iMovie does a automatic crossfade between them that ruins the effect I was going for. I have put those fader circle thingies at the extreme ends of the audio clips so as to avoid any kind of fade, but iMovie still adds it by default. I have no idea how to remove this, I can't find anything in settings that would work.
I'm probably missing something super obvious. Can someone point me in the right direction please?
Thanks.
I was having this problem too, and I managed to find a small workaround - When the audio clips touch/immediately follow on from eachother, they will blend together, but if you change either the clips durations by even a tiny amount, they'll disconnect and won't mix.

Where can I find documentation for the preview() and show() function for VideoClips?

I just want to see how exactly they work, and I can't seem to find them in either moviepy or pygame's websites. Basically I just want to see at what time a user presses a specific key during a clip, and record that time/possibly insert an image at that time while the movie is playing. I know moviepy does that already to some extent, but it's only for mouse clicks.
Thank you for your time.
I found the source code but no answer. I ended up editing the source code, and while that works, I would much rather do something else than that if possible.
To have a more elaborate answer to the rest of my question, basically it's not something I think is feasible to directly edit the video file WHILE it's playing. I also don't know if it would be a good idea to save every single and just combine them. I was able to find an extremely efficient, but niche solution by modifying the preview frame while it plays, and having that persist across every new frame. Then I saved JUST the overlay to a file, and can use that however else I feel.
I have seen no other threads/users actually deal with moviepy in this way, so feel free to PM me or ask on the thread if you want more info.
Source code here

How to design a Parallax Site like moodi.org, sony.com/be-moved?

Have a look at moodi.org, sony.com/be-moved, http://www.spaceneedle.com/home/,
. How can i make site like this?
Basically, it's all done by detecting user's scrolling amount, and moving things accordingly.
You need some JavaScript and of course html & css to achieve something like that.
What JS does is that it detects if user is scrolling, it's direction and speed, then tells object "A" to move at the opposite direction of scroll, and also at 0.8 speed of it. Object "B" moves at the opposite direction but with 1.2 speed of scrolling, so You'll feel like object "B" is closer to you.
This is just a very simple example on how it works.
Remember to have a good scenario before touching the code, and while coding, break your problems into small pieces and look for them in here,
For example: How to change position of absolute element based on client scrollTop?
That's how you'll learn.
Useful links:
There are many technics, to make something efficient and clean, you need to be familiar with them to make the best decision.
Here are some links which help you start:
This is somehow old, but I think helps understanding the concept : http://ianlunn.co.uk/articles/recreate-nikebetterworld-parallax/
https://ihatetomatoes.net/how-to-create-a-parallax-scrolling-website-part-2/
Css-only approach : http://keithclark.co.uk/articles/pure-css-parallax-websites/
These are just some starting points, of course you can find more tutorials and even look through source of your favorite websites to see how they achieved the effect.
Final note : I think one important thing to bear in mind is not to move many objects at the same time, once they are off the viewport, stop moving them, this helps a lot when it comes to performance specially on older machines.
jQuery Waypoint is a handy tool, which is introduced in the second link.

Linux OCR of LCD characters

I'm looking for a command line method to do optical character recognition in linux. The main problem, however, is characters are 7-segment LCD characters. For exampe,
I would like to use GOCR, but it gets hung up on the broken stroke of the character. If someone knows how I can help it along, or an alternative commandline OCR that would recognize 7-segment LCD, I would appreciate it.
It wasn't until I posted this question did it occur to me that the proper description for the font type is "7-segment" not "LCD" font, and until then i had been using poor search terms on Google. Having done a better search now, I found SSOCR (7-segment OCR) which fits the bill perfectly. There where other solutions on the web for 7-segment with GOCR, like shifting-overlaying image to fill the breaks, but SSOCR is pretty much straight-forward, looking at and counting the segments themselves, so it able to deal with the goofy and restricted character-set of 7-segment displays.

d3 and path lines, driving me crazy

I've been tracing my code and comparing notes between my own code and some sample code
I'm working from this sample code: http://mbostock.github.io/d3/talk/20111116/bundle.html
My source example is here: http://www.nogumallowed.com/test5.php
My problem is the path lines. They work, they connect, but I love in the source how the lines have more seemingly random curves to them. I can'y figure out how to recreate that. Mine all flow incredibly well, but look rather plain in comparison.
Can anyone offer any insights? I've been coming back to this for a few days, and haven't figured it out yet. The documentation hasn't tipped me in the right direction yet either.
I'm just scratching the surface of "comfortable with D3", but there's still A LOT for me to learn on it before I give myself a D3 Jedi.
It doesn't look like your clustering code (if you have any) is working very well. The subjects should be clustered together into related groups, but it doesn't appear like yours are. For instance, your node "John Sly" is connected to almost very other node except the few on either side of it. It seems to me that those nine or so highly connected nodes should be distributed around the circle, not bunched next to each other.

Resources