HomeHome  SearchSearch  Rules & Guidelines  Staff List  MemberlistMemberlist  RegisterRegister  Log inLog in  
Announcements

September 13th, 2017: Adding tutorials for the badging community! We're looking for volunteers to feature and help us write guides - PM Panton to get started with our project!


July 3rd, 2017: Canvas Tutorials is currently undergoing a major revamp. Please excuse any hiccups or glitches.


Coming soon

About Us

Canvas creates and supports an IMVU education environment. We offer tutorials and assistance from some of the community's most active and knowledgeable. Tutorials by users, for users!

Staff
Staff Updates
Important Links
Statistics
We have 1424 registered users
The newest registered user is Virtualdoll

Our users have posted a total of 2565 messages in 156 subjects
Canvas Time
Share | 
 

 Custom Music Buttons / gaf210

View previous topic View next topic Go down 
Gladiolus

avatar
View user profile
Role : Designer & Coder
Location : United States
http://migladiolus.tumblr.com/

PostSubject: Custom Music Buttons / gaf210 Sun Mar 27, 2016 2:11 pm


HOW TO:
MAKE A CUSTOM MUSIC BUTTON



Tutorial Author: @Gladiolus // Category: HBAD
gaf10's Website, YouTube

STEP 1
Making a Youtube Playlist / grabbing a Youtube Video

Find Youtube’s website and create a video playlist,
or choose your favorite song.



STEP 2
Choosing Your Custom Play Button

Find or create your “play/pause” button. This step can
be achieved by Google search or creating and uploading your own design.
For this project, you will need direct URL’s for each button image.



STEP 3
Finding the Youtube Generator - via gaf210’s site.

gaf210’s Youtube Play Generator can be found:
gaf210.imvustylez.net > Under the “Generators” Menu Option >
“Youtube Player Generator”



STEP 4
Adding Your Video Elements to the Generator

Select your proper mode (in this project, we chose “Playlist”). This project
can also work for the “Single Video” option. - Then select “Button” mode.



STEP 5
Adding Your Buttons to the Generator & Final Steps

Using the direct links we talked about in Step 2, paste your
play/pause button links in their respective generator slots. After
choosing your “Autoplay” and “Repeat” setting, you’re read to
click “GENERATE!” The code will appear at the bottom and is
ready to add into your coding.



TUTORIAL
F.A.Q.

QUESTION: "ARE THERE FREE BUTTONS?"
We have a set available you to reuse / redesign as you need!


QUESTION: "DO I HAVE TO HAVE A PLAYLIST?"
No, this project works with just the "Single Video" option.


QUESTION: "HOW DO I GET THE VIDEO URL?"
You should be able to take the URL form the address bar, at the top of you browser.
Back to top Go down
 
Custom Music Buttons / gaf210
View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
 :: HBAD REALM :: HBAD • Coding-
Jump to: