HomeHome  SearchSearch  Rules & Guidelines  Staff List  Latest imagesLatest images  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 1428 registered users
The newest registered user is zZbannyezZ

Our users have posted a total of 2569 messages in 157 subjects
Canvas Time

Share
 

 Custom Music Buttons / gaf210

View previous topic View next topic Go down 
Gladiolus

Gladiolus
Role : Designer & Coder
Location : United States
http://migladiolus.tumblr.com/

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


HOW TO:
MAKE A CUSTOM MUSIC BUTTON

Custom Music Buttons / gaf210 Musicb10

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.

Custom Music Buttons / gaf210 Making10

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.

Custom Music Buttons / gaf210 Copybu10

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”

Custom Music Buttons / gaf210 Findin10

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.

Custom Music Buttons / gaf210 Playli10

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.

Custom Music Buttons / gaf210 Finals10

TUTORIAL
F.A.Q.

QUESTION: "ARE THERE FREE BUTTONS?"
We have a set available you to reuse / redesign as you need!
Custom Music Buttons / gaf210 Playbu10 Custom Music Buttons / gaf210 Pauseb10

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
 Similar topics
-
» Coding Custom Cursors
» Transition Buttons: DynamicDIV
» Transition Buttons: iFrame
» Free Resource: - : BUTTONS : -
» Free Resource: gaf210's Free Layouts

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