Hgoda90 - Bezel Preset Editor

WIP

Working on adding Youtube playability. It is essentially add Youtube link to youtube.txt file at the root and then load it.

To clarify, I added the media playback since when I work on presets I listen to music or play movies. This way everything is together and nothing extra is necessarily needed.

WIP

Continuing on Youtube Playability. Having fun :sweat: figuring out how to load the links and doing a next button.

I am going to go with a next button and do links in a txt file, as mentioned before. There is going to be a prompt at load to ask for position of starting link as number ie first link is 1.

youtube.txt Example; HCBailly Faxanadu

https://www.youtube.com/watch?v=X-mwM1MNEzY
https://www.youtube.com/watch?v=m8BW40xvwF8
https://www.youtube.com/watch?v=J_Ab9Kn7vOU
https://www.youtube.com/watch?v=OITbHrnRclA
https://www.youtube.com/watch?v=qeh8vfwaZyg
https://www.youtube.com/watch?v=wUfJhPm5ksg
https://www.youtube.com/watch?v=mZjPC7iHzY0
https://www.youtube.com/watch?v=_ACQutXumAg
https://www.youtube.com/watch?v=6CUhYXAgcHY

Daily Update

Working on troubleshooting and should be able to add the update in a few days. I ran into a few other problems and will be working on fixing them, of course.

On Youtube side, I have made some adjustments that seem to make more sense.

youtube/OrionsAngel – Console Themed Overlays.txt

https://www.youtube.com/watch?v=Vlm-0jpyyss
https://www.youtube.com/watch?v=ZTD5aseEliQ
https://www.youtube.com/watch?v=qzaycpBzmG4
https://www.youtube.com/watch?v=DuRqx1jIKWg
https://www.youtube.com/watch?v=ijtOiFCK6Kw
https://www.youtube.com/watch?v=T3UpMl9Rurg
https://www.youtube.com/watch?v=n3TffGQxSa0
https://www.youtube.com/watch?v=VzRDzKV6lLQ
https://www.youtube.com/watch?v=BOkLMVhLLYc
https://www.youtube.com/watch?v=1_Q_I2Tgi3s
https://www.youtube.com/watch?v=oUbYJrjP0n0
https://www.youtube.com/watch?v=xVqTtW4lu1s
https://www.youtube.com/watch?v=Iv7o-UZxkzk
https://www.youtube.com/watch?v=t3ggg4lIv78
https://www.youtube.com/watch?v=IxuacvM-ALw
https://www.youtube.com/watch?v=cshVH_kTYOc
https://www.youtube.com/watch?v=-h8Ds4W3gNc
https://www.youtube.com/watch?v=uQNbSz_5bKg
https://www.youtube.com/watch?v=fxMZZP8kDlE
https://www.youtube.com/watch?v=k_G1upqKBHs
https://www.youtube.com/watch?v=nfPAQFTOXBg
https://www.youtube.com/watch?v=H4xOqtFRTv4
https://www.youtube.com/watch?v=-AfaA5rCFKs
https://www.youtube.com/watch?v=XaZWfaBULoA
https://www.youtube.com/watch?v=WHPpb1QBULg
https://www.youtube.com/watch?v=hi_JLvgUKqA
https://www.youtube.com/watch?v=3RmOs-QRNNU
https://www.youtube.com/watch?v=j1jTjAIM3GY
https://www.youtube.com/watch?v=QoiIIwedU5s
https://www.youtube.com/watch?v=uf1f8_8u9sg
https://www.youtube.com/watch?v=3oj7pgsAo7E
https://www.youtube.com/watch?v=j35ILomiEtE
https://www.youtube.com/watch?v=-nnqkbZfuYc
https://www.youtube.com/watch?v=nEAAcfkV0v0

Daily Update

Made a decent more adjustments, mainly cleaned up loader.js which lost 200 lines of unnecessary code. I will also be including a line of code for getting the links of individual videos from Youtube playlists.

var links ="";
$$('a').forEach(function(v,i,a){
	if (v.id=="video-title"){
		link = v.href;
		title = link.replace(link.slice(link.indexOf("&")), '');
		links = links+title+"\n";
		copy(links.trim());
	}
});

I will be cleaning up the rest of the code and posting the update today or tomorrow.

Bezel Preset Editor v1.1.0

Download

Add

– +1 and Aspect Button
– Plyr
– Media and Youtube Playability
– Monochrome On and Off Switch

Change

– Place Color Vision in Add Color Button
– Multiple File Loading
– Clean Up Code

Note: To use Youtube Playability, a localhost with virtualhost set up or GitHub site has to be used. Youtube won’t work with ip address in the url.

     

Edit: Made a tiny error for loading.

1 Like

Daily Update

Found more errors and will be working on fixing them. I am currently working on doing essentially a playlist of local videos, which is just a video per tab.

Mini Update

– Add Multiple Media File Loading
– Fix Errors

Note: Only one Youtube txt file can still be loaded at a time but can be loaded from any tab.

Mini Update

– Made Some Cosmetic Changes

Daily Update

Currently working on a tab scrolling. I have the changing action done and have a few bugs to fix. There will need to be some changes to the code as well so there isn’t alot of dropFile and ondrop functions.

Quick Update

The Loading button works with the change and the last file won’t open currently. I am still tinkering with the scrolling of the tabs for the active position. With the change there can be 100 open tabs at one time.

I wanted to go with the change since text editors can have so many tabs open at once and Yu-Gi-Oh! has around 50 episodes a season.

Daily Update

Finished with the active tab positioning and did most of the dropLoad. I am just needing to finish it and clean up the code which means I should be able to add the update around Saturday.

Daily Update

Just finished up with the fun, mainly being when to do what. Have a couple of more css changes to do and will add them in a few hours. I thought to add indicators so it is easier to see what is in the tab; red = youtube, blue = video, dark gray = preset and light gray = empty.

Bezel Preset Editor v1.1.1

Download

Add

– Multiple Video Loading
– 100 Tabs with Tab Scrolling

Change

– Slider Design
– Split Image Layer by Bezel
– Cosmetic Changes

Fix

– Errors



Notes

–To scroll left and right click the ellipses or use Page Up and Page Down
– Load Button overrides the current and any needed textboxes after the selected tab
– File Drop can override but only on a starting plain or empty textbox
– Only necessary textboxes and tabs are added

Mini Update

– Add Plus Tab Hotkey; Ctrl + Insert
– Add ability to delete individual tabs; Ctrl + End

Note: Plus Tab Hotkey will add tabs even with nothing loaded.

Quick Update

– Add Close Button for Tabs
– Change Remove Tabs Icon

Close Tabs Button

WIP

Currently working on having the ability to scroll by β€œpage” i.e. 20 tabs, image loading and 256 tabs.

The color for image loading will be Kodak Yellow, 256 tabs because of 256-bit and page scrolling for 256 reasons.

Mini Update

– Add Image Loading
– Tab Page Scrolling
– Change Tab Max to 256

Note: Only one image can be loaded at a time as of now.

Quick Update

– Add Multiple Image Loading
– Made a few fixes

Multiple Images

Mini Update

– Add Save All Button
– Fix Syntax Highlighting when Loading

Note: The Save Name has also been changed to match the preset’s name, if any.

Bezel Preset Editor v1.1.2

Download

Add

– Plus Tab Hotkey
– Close Tab and Save All Buttons
– Tab Page Scrolling
– Image Loading
– Tab Key Indention

Change

– Tab Max to 256

Fix

– Errors