From 4972a493f70fc128186f325f16d8c8bc22b465eb Mon Sep 17 00:00:00 2001 From: paulrosen Date: Sat, 14 Sep 2024 10:27:23 -0400 Subject: [PATCH] Add accompaniment example --- examples/accompaniment.html | 237 +++++++++++++++++++++++ examples/toc.html | 368 ++++++++++++++++++------------------ 2 files changed, 426 insertions(+), 179 deletions(-) create mode 100644 examples/accompaniment.html diff --git a/examples/accompaniment.html b/examples/accompaniment.html new file mode 100644 index 000000000..477108af6 --- /dev/null +++ b/examples/accompaniment.html @@ -0,0 +1,237 @@ + + + + + + + + + + + abcjs: Accompaniment Demo + + + + + + + + + +
+ abcjs logo +

Accompaniment

+
+
+

This shows different options for tweaking the sound of the accompaniment.

+
+

Pattern:

+ + + + +
+
+

Stress:

+ + + +
+
+

Duration:

+ + + + +
+
+

Melody:

+ + +
+
+
+

Add this to your code:

+ 

+		

+	

+
+
+
\ No newline at end of file
diff --git a/examples/toc.html b/examples/toc.html
index 4979e4495..4912a3512 100644
--- a/examples/toc.html
+++ b/examples/toc.html
@@ -1,192 +1,202 @@
 
 
+
 
 
-  
-  
-  
-  
+	
+	
+	
+	
 
-  
-  
+	
+	
 
-  abcjs: Table of Contents
+	abcjs: Table of Contents
 
-  
-  
+	
+	
 
+
 
-  
abcjs logo

+	
abcjs logo

 
-  

-    
Table of Contents

-	  

-		  Click on any of the demos below to get an idea of the types of things you can do with abcjs.
-		  If this is your first time using abcjs, the demos in the first section are suggested as they are
-		  the easiest to set up. After loading each demo, right-click the webpage and choose "view page source"
-		  to see how the demo works.
-	  

-    
-      
-	  
-		  
-	  
-	  
-		  
-		  
-	  
-	  
-		  
-		  
-	  
-	  
-		  
-		  
-	  
-	  
-		  
-		  
-	  
-	  
-		  
-	  
-        
-          
-          
-        
-        
-        
-        
-        
-	  
-		  
-		  
-	  
-	  
-		  
-		  
-	  
-	  
-		  
-		  
-	  
-	  
-		  
-		  
-	  
-	  
-		  
-		  
-	  
-	  
-		  
-		  
-	  
-	  
-		  
-		  
-	  
-	  
-		  
-		  
-	  
-	  
-		  
-		  
-	  
-	  
-		  
-		  
-	  
-	  
-		  
-		  
-	  
-	  
-		  
-		  
-	  
+	

+		
Table of Contents

+		

+			Click on any of the demos below to get an idea of the types of things you can do with abcjs.
+			If this is your first time using abcjs, the demos in the first section are suggested as they are
+			the easiest to set up. After loading each demo, right-click the webpage and choose "view page source"
+			to see how the demo works.
+		

+		
Start Here
BasicA demo of the most bare-boned way to display sheet music.
EditorA demo of the simplest way to present the user with an editor so they can change music on the fly.
Basic SynthA demo of the most basic way to incorporate audio playback using abcjs.
AnalysisA demo of the information that is available about an ABC tune book.
Visual Demos
AnimationA demo of animated cursor effects that can be added using abcjs.
AnnotatingA demo showing how to annotate your sheet music using abcjs.
BasicA demo of the most bare-boned way to display sheet music.
Change GlyphsA demo showing how to substitute the music symbols with your own.
Line WrappingA demo of the line wrapping capabilities.
PluginA demo showing how to use the plugin version of abcjs. (Useful for sites with a CMS where a user might enter ABC code)
PrintableA demo showing how to format the music for printing.
ResponsiveA demo showing the music filling up whatever available horizontal space is on the page.
Zoom To FitA demo showing the music filling up whatever available space is on the page.
TransposeA demo showing how to transpose.
Output Transposed ABCA demo showing how to transpose and output the result of the transposition.
TablatureA demo showing how to create tablature.
Tune BookA demo showing how to pick tunes from a tune book.
Automatically Add Note NamesA demo of modifying the SVG output after drawing to add note names.

+			
+				
+					
+				
+				
+					
+					
+				
+				
+					
+					
+				
+				
+					
+					
+				
+				
+					
+					
+				
+				
+					
+				
+				
+					
+					
+				
+				
+					
+					
+				
+				
+					
+					
+				
+				
+					
+					
+				
+				
+					
+					
+				
+				
+					
+					
+				
+				
+					
+					
+				
+				
+					
+					
+				
+				
+					
+					
+				
+				
+					
+					
+				
+				
+					
+					
+				
+				
+					
+					
+				
+				
+					
+					
+				
+				
+					
+					
+				
 
-	  
-			
-		
-	  
-		  
-		  
-	  
-	  
-		  
-		  
-	  
-	  
-		  
-		  
-	  
-	  
-		  
-		  
-	  
+				
+					
+				
+				
+					
+					
+				
+				
+					
+					
+				
+				
+					
+					
+				
+				
+					
+					
+				
 
-		
-			
-        
-        
-          
-          
-        
-        
-          
-          
-        
-	  
-		  
-		  
-	  
-        
-          
-          
-        
-        
-          
-          
-        
-        
-          
-          
-        
-		
-			
-			
-		
-        
-			
-			
-		  
-		  
-			
-			
-		
-	    
-		    
-            
-		
-	    
-		    
-            
-		
-		
-			
-        
-		
-			
-			
-		
-		
-			
-			
-		
-		
-    
Start Here
BasicA demo of the most bare-boned way to display sheet music.
EditorA demo of the simplest way to present the user with an editor so they can change music on the
+						fly.
Basic SynthA demo of the most basic way to incorporate audio playback using abcjs.
AnalysisA demo of the information that is available about an ABC tune book.
Visual Demos
AnimationA demo of animated cursor effects that can be added using abcjs.
AnnotatingA demo showing how to annotate your sheet music using abcjs.
BasicA demo of the most bare-boned way to display sheet music.
Change GlyphsA demo showing how to substitute the music symbols with your own.
Line WrappingA demo of the line wrapping capabilities.
PluginA demo showing how to use the plugin version of abcjs. (Useful for sites with a CMS where a user
+						might enter ABC code)
PrintableA demo showing how to format the music for printing.
ResponsiveA demo showing the music filling up whatever available horizontal space is on the page.
Zoom To FitA demo showing the music filling up whatever available space is on the page.
TransposeA demo showing how to transpose.
Output Transposed ABCA demo showing how to transpose and output the result of the transposition.
TablatureA demo showing how to create tablature.
Tune BookA demo showing how to pick tunes from a tune book.
Automatically Add Note NamesA demo of modifying the SVG output after drawing to add note names.
Interactive Demos
DraggingA demo showing how to implement a visual interface that supports dragging.
EditorA demo of the simplest way to present the user with an editor so they can change music on the fly.
Editor With SynthA demo of the editor with synth capabilities
Editor With TransposeA demo of the editor and transposing
Interactive Demos
DraggingA demo showing how to implement a visual interface that supports dragging.
EditorA demo of the simplest way to present the user with an editor so they can change music on the
+						fly.
Editor With SynthA demo of the editor with synth capabilities
Editor With TransposeA demo of the editor and transposing
Audio Demos
Basic SynthA demo of the most basic way to incorporate audio playback using abcjs.
KaraokeA demo of allowing the user to turn off voices.
MicrotonesA demo of creating non-western music that relies on a different scale.
Modify Synth InputA demo showing how to tweak the synth after the music has been processed.
Play On RepeatA demo showing how to loop a section of the music.
Synth OnlyA demo showing how to create sound without any visual representation.
Synth OptionsA full-featured demo with many synth options.
Synth PlayerA demo showing how to use abcjs' synth player.
Tempo ChangingShowing how to control the tempo.
Tune/Instrument SwitcherShowing how to render and switch multiple tunes and change instruments.
Swing FeelShowing how to add a swing feel to the synth.
Analysis
AnalysisA demo of the information that is available about an ABC tune book.
ParsingA demo of getting lyrics out of an abc string.

-  

+				
+					Audio Demos
+				
+				
+					Basic Synth
+					A demo of the most basic way to incorporate audio playback using abcjs.
+				
+				
+					Karaoke
+					A demo of allowing the user to turn off voices.
+				
+				
+					Microtones
+					A demo of creating non-western music that relies on a different scale.
+				
+				
+					Modify Synth Input
+					A demo showing how to tweak the synth after the music has been processed.
+				
+				
+					Play On Repeat
+					A demo showing how to loop a section of the music.
+				
+				
+					Synth Only
+					A demo showing how to create sound without any visual representation.
+				
+				
+					Synth Options
+					A full-featured demo with many synth options.
+				
+				
+					Synth Player
+					A demo showing how to use abcjs' synth player.
+				
+				
+					Tempo Changing
+					Showing how to control the tempo.
+				
+				
+					Tune/Instrument Switcher
+					Showing how to render and switch multiple tunes and change instruments.
+				
+				
+					Swing Feel
+					Showing how to add a swing feel to the synth.
+				
+				
+					Accompaniment
+					Showing how to vary the sound of the generated accompaniment.
+				
+				
+					Analysis
+				
+				
+					Analysis
+					A demo of the information that is available about an ABC tune book.
+				
+				
+					Parsing
+					A demo of getting lyrics out of an abc string.
+				
+			
+		
+	
 
-
+
+
\ No newline at end of file