Show title of video, at start/end/full video

[cjjr82]

Hello,
First, thank you for creating this! As is, this does exactly what I've been trying to get going for a month now.
One thought I had that would be amazing, if possible, would be to show the name of the video over the video.

A great option would be to show the text at the start and/or end, or during the full video. (MTV style)
Another option could include a delimiter to split the video name into multiple lines.
IE: Bob Marley & The Wailers-Redemption Song.mp4 would display on the screen as
Bob Marley & The Wailers
Redemption Song

Not sure if this would be possible, but would be amazing if it could be done.
Either way, Thanks for creating this great program!!

[jaredcat]

Definitely sounds possible, but I've been focusing on one of my other open-source projects and I just haven't had any time to work on this.
My only issue with this is i don't want to "clutter" the builder menu with hundreds of options. I already have other requests and ideas that add options to the menu. Each option makes it a little harder to test and debug. I'm not rejecting the idea, just one of my hang-ups on some of the more obscure requests.
On another note, it sounds like you're trying to do something illegal by using someone else's work without permission and would advise against that and would also suggest refraining from suggesting that you're doing something illegal in a public setting.

[cjjr82]

Thanks for the quick reply!!!
Fully understand wanting to keep the app simple and not overload it with too many options. Its simplicity is one of the best parts.
As for the other note, I didn't use the best example, just happened to be the song I was listening to, but intend to only use Artist submitted videos for my project, so all on the up and up with that.
Curious about the ability to utilize this concept by building my own custom html file? I know some web coding, so thought it might be possible for me to build it out myself in a custom file. I tried opening the html file, but it looks blank. Then tried view source when opening it in Chrome/Safari and created my custom file, but when loading, it just shows the code, so guessing there is more to it than just the html file on its own?

[jaredcat]

You have to generate an output first. It sounds like you're trying to open the template or something? But you should be able to edit the final HTML file anyway you want. I just started with the autobuilder cause a lot of people kept messing up little things like "'s

[cjjr82]

Thanks for your help on this. I was using the generated file, but for some reason opening the file in Text Edit on my Mac shows nothing. I opened it on my CodeAnywhere account and got the code.

For anyone else that might want to add this in, or if you decide to do it in the future, the below code adds 4 lines to the bottom left corner throughout the video. I'll probably add in timing at some point so it doesn't show during the full playback, but this gets things started.

Added a div after the video players
<div id="videoDetails" width="100%" height="100%" style="z-index: 2; position:fixed; left:50px; bottom:50px; min-width:300px; padding:5px; font-family: Arial, Helvetica, sans-serif; font-size:45px; font-weight:900; line-height:45px; color: #000; background: rgba(150, 150, 150, .5)">Artist - Song - Album (Year) - Label</div>

Added javascript to split the video files name on " - " and update the div at the switch of the video (line 62 of the generated file)
const currentVideo = currentMp4Source.getAttribute("src"); const vidDetails = currentVideo.split(" - "); document.getElementById("videoDetails").innerHTML = vidDetails[0] + "<br>" + vidDetails[1] + "<br>" + vidDetails[2] + "<br>" + vidDetails[3];

[Aestolia]

So I know this is like over a year later - but I'm trying to get this to work and not quite sure where to add these lines of code into the output file.

the JS I assume goes on line 62 as you indicated, but i'm only assuming i'm pushing the existing line 62 ( try { ) down a line
I also can't seem to figure out where to put the div, I'm assuming it's not after the script is closed, because then how would the script update the information?

as a side note - I'm not trying to use this for works I'm not allowed to stream, but for works that i'm allowed to stream as long as proper credit is given (OC Remix and the like) Would love some (very late after the fact) help.

[cjjr82]

Hey!
This has been working great for me since I added it in.
the div goes in right after the last

As for the JS, there may have been updates to the main code done by Jared because I don’t have try { I’m my code anywhere, but I have the JS right after nextPlayer.pause();

hope that helps!

[jaredcat]

#17 (reply in thread)

[Aestolia]

Wow thanks for the quick response!

Definitely some updates I guess because that's 147 for me

(yes Notepad, I'm not much of a coder)

I guess some big ones since when I add the JS after nextPlayer.pause() it actually stops playing music all together.

And the div should be after the video players right?

[Aestolia]

Got it working: - Added part of the JS on line 123.
Line 122 is const currentVideo = currentMp4Source.getAttribute('src');
noticed it was the same as your first line so just dropped the remaining code after that.

I did update it make the vidDetails[#] start at 1 instead of 0 to avoid the local http and drive info showing up. Just had rename the files to include an extra info part at the start. Same at the end (to get rid of the .mp3 on the last line)

Thanks again it's working great now!!