{"id":167,"date":"2014-12-21T01:48:35","date_gmt":"2014-12-21T01:48:35","guid":{"rendered":"http:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/joseph.png"},"modified":"2014-12-21T04:30:57","modified_gmt":"2014-12-21T04:30:57","slug":"joseph","status":"inherit","type":"attachment","link":"https:\/\/lifeorange.com\/Art102\/?attachment_id=167","title":{"rendered":"Drum Machine &#8211; Joseph Rivera"},"author":1,"comment_status":"open","ping_status":"open","template":"","meta":[],"description":{"rendered":"<p class=\"attachment\"><a href='https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/joseph.png'><img width=\"300\" height=\"155\" src=\"https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/joseph-300x155.png\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/joseph-300x155.png 300w, https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/joseph-1024x531.png 1024w, https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/joseph-624x324.png 624w, https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/joseph.png 1219w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>|<\/p>\n<p><a href=\"http:\/\/art102.com\/Joseph\/Final%20Project\/\">http:\/\/art102.com\/Joseph\/Final%20Project\/<\/a><\/p>\n<p>For my final project I decided to make an online web drum machine. To create this drum machine I used HTML, CSS, and J-Query. I first started out designing the drum machine with CSS. Then I put in in a HTML page where I then added J-Query to make the buttons make sound and toggle when pressed.<\/p>\n<p>The point of my project was to make an easy to use interactive drum machine. Everything went according to plan while coding except coding my sequencer. I wanted to have an 8 count sequencer to play a sound if the button is pressed but I couldn\u2019t seem to get it to work. Other than that I really liked the interface and simplicity of my drum machine. <\/p>\n"},"caption":{"rendered":"<p>| http:\/\/art102.com\/Joseph\/Final%20Project\/ For my final project I decided to make an online web drum machine. To create this drum machine I used HTML, CSS, and J-Query. I first started out designing the drum machine with CSS. Then I put in in a HTML page where I then added J-Query to make the buttons make sound [&hellip;]<\/p>\n"},"alt_text":"","media_type":"image","mime_type":"image\/png","media_details":{"width":1219,"height":633,"file":"2014\/12\/joseph.png","sizes":{"thumbnail":{"file":"joseph-150x150.png","width":150,"height":150,"mime_type":"image\/png","source_url":"https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/joseph-150x150.png"},"medium":{"file":"joseph-300x155.png","width":300,"height":155,"mime_type":"image\/png","source_url":"https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/joseph-300x155.png"},"large":{"file":"joseph-1024x531.png","width":1024,"height":531,"mime_type":"image\/png","source_url":"https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/joseph-1024x531.png"},"post-thumbnail":{"file":"joseph-624x324.png","width":624,"height":324,"mime_type":"image\/png","source_url":"https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/joseph-624x324.png"},"full":{"file":"joseph.png","width":1219,"height":633,"mime_type":"image\/png","source_url":"https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/joseph.png"}},"image_meta":{"aperture":0,"credit":"","camera":"","caption":"","created_timestamp":0,"copyright":"","focal_length":0,"iso":0,"shutter_speed":0,"title":"","orientation":0}},"post":159,"source_url":"https:\/\/lifeorange.com\/Art102\/wp-content\/uploads\/2014\/12\/joseph.png","_links":{"self":[{"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=\/wp\/v2\/media\/167"}],"collection":[{"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=\/wp\/v2\/media"}],"about":[{"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=\/wp\/v2\/types\/attachment"}],"author":[{"embeddable":true,"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lifeorange.com\/Art102\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=167"}]}}