{"id":17364,"date":"2024-01-09T10:38:25","date_gmt":"2024-01-09T10:38:25","guid":{"rendered":"https:\/\/new-blog.artlist.io\/blog\/?p=17364"},"modified":"2024-01-11T08:24:35","modified_gmt":"2024-01-11T08:24:35","slug":"how-to-use-asmr-in-your-videos","status":"publish","type":"post","link":"https:\/\/new-blog.artlist.io\/blog\/how-to-use-asmr-in-your-videos\/","title":{"rendered":"How to effectively use ASMR in your videos"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">All across the internet, you&#8217;ll find videos of people whispering gently and moving their hands randomly, together with gently repetitive visuals and sounds that you can somehow feel as well as hear. On social media, you might notice them tagged with #oddlysatisfying. It\u2019s a phenomenon called ASMR, and if used correctly, it can be an effective marketing tool as well as just a pleasant experience and a way that helps people drift off to sleep. To help you understand ASMR better and deploy it in your content, here\u2019s what it is, why you might want to use it, and some advice from Artlist creator Christopher on how to create it effectively.<br \/>\n<\/span><\/p>\n<blockquote class=\"instagram-media\" style=\"background: #FFF; border: 0; border-radius: 3px; box-shadow: 0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width: 540px; min-width: 326px; padding: 0; width: calc(100% - 2px);\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/C1rhpJWqBH9\/?utm_source=ig_embed&amp;utm_campaign=loading\" data-instgrm-version=\"14\">\n<div style=\"padding: 16px;\">\n<p>&nbsp;<\/p>\n<div style=\"display: flex; flex-direction: row; align-items: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;\"><\/div>\n<div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;\"><\/div>\n<\/div>\n<\/div>\n<div style=\"padding: 19% 0;\"><\/div>\n<div style=\"display: block; height: 50px; margin: 0 auto 12px; width: 50px;\"><\/div>\n<div style=\"padding-top: 8px;\">\n<div style=\"color: #3897f0; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 550; line-height: 18px;\">View this post on Instagram<\/div>\n<\/div>\n<div style=\"padding: 12.5% 0;\"><\/div>\n<div style=\"display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;\">\n<div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);\"><\/div>\n<div style=\"background-color: #f4f4f4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);\"><\/div>\n<\/div>\n<div style=\"margin-left: 8px;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;\"><\/div>\n<div style=\"width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg);\"><\/div>\n<\/div>\n<div style=\"margin-left: auto;\">\n<div style=\"width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);\"><\/div>\n<div style=\"background-color: #f4f4f4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);\"><\/div>\n<div style=\"width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);\"><\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;\">\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;\"><\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;\"><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<p style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 0; margin-top: 8px; overflow: hidden; padding: 8px 0 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap;\"><a style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none;\" href="\&quot;https:\/\/www.instagram.com\/reel\/C1rhpJWqBH9\/?utm_source=ig_embed&amp;utm_campaign=loading\&quot;" target=\"_blank\" rel=\"noopener\">A post shared by Artlist.io (@artlist.io)<\/a><\/p>\n<\/div>\n<\/blockquote>\n<p><script async src="\&quot;\/\/www.instagram.com\/embed.js\&quot;"><\/script><\/p>\n<h2>What is ASMR?<\/h2>\n<p><span style=\"font-weight: 400;\">ASMR, as we discussed on this <a href=\"https:\/\/artlist.io\/blog\/what-is-asmr\/\">article<\/a>, stands for autonomous sensory meridian response. It\u2019s the tingling sensation or fuzzy feeling, usually centred on the back of your head and running down your spine, that you might enjoy as a response to particularly stimulating videos. It\u2019s a pleasant feeling and can often lead to a period of relaxation or deep calm that helps some people to drift off to sleep. However, what triggers people, and how they respond, is different for everyone.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For some people, the stimulating response comes from sound, for example whispering, eating popcorn, or crunching autumnal leaves. Other people are triggered by watching repetitive, quotidian tasks: stirring hot drinks or spraying bottles. Role-playing scenarios that involve personal care, for example manicures or pedicures, spark the tingles in others. And some people don\u2019t experience it at all.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">What we know about ASMR is limited. \u2018ASMR\u2019 might sound very technical, but the term was coined in 2010 by Jennifer Allen. She started a Facebook group dedicated to it because she wanted to understand it better. The name caught on because it described a phenomenon that many other people were feeling, and had experienced for decades. Since then, most of what we know about ASMR is anecdotal. There are, however, two peer reviewed articles addressing ASMR: one from <\/span><a href=\"https:\/\/peerj.com\/articles\/851\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">2015<\/span><\/a><span style=\"font-weight: 400;\"> and another from <\/span><a href=\"https:\/\/journals.plos.org\/plosone\/article?id=10.1371\/journal.pone.0196645\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">2018<\/span><\/a><span style=\"font-weight: 400;\">. These indicate that ASMR can have an immediate positive impact on people who experience it, for example a reduced heart rate, but that whether or not these benefits extend over the longterm is not yet known.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In short: for the people who are responsive to ASMR stimuli, it\u2019s a pleasurable experience. But not everyone experiences it; the triggers are not universal; and we don\u2019t know why it happens. That doesn\u2019t, however, mean you cannot integrate it into your product and marketing content.<\/span><\/p>\n<h2>Why you might want to use ASMR in your videos<\/h2>\n<p><span style=\"font-weight: 400;\">There are some very good reasons to consider integrating ASMR content into your product videos or marketing materials. It starts with popularity.<\/span><\/p>\n<h3>Popular<\/h3>\n<p><span style=\"font-weight: 400;\">If you look at Instagram, there are 16.3 million posts tagged #ASMR and 4 million with the hashtag #oddlysatisfying as of January 2024. Videos with the #oddlysatisfying hashtag on TikTok have around 140 billion views. It\u2019s a concept that generates a lot of interest, thereby enabling you to connect and engage with a large market.\u00a0<\/span><\/p>\n<h3>Sensory approach<\/h3>\n<p><span style=\"font-weight: 400;\">If you think about food and beverage marketing, it often exploits a sensory approach to its products: the sounds of chips or crisps crunching, chocolate snapping, and drinks fizzing. But you don\u2019t have to restrict it to things you can eat. By thinking about your product in ASMR terms, it gives you the opportunity to focus on or highlight different aspects of it. Ideally, you want to draw attention to the product\u2019s benefit by using a satisfying sound or a pleasing visual. That might be the sound of a running shoe squelching through mud for outdoor wear, or fingertips tapping on a keyboard for computer hardware, or even activities that you complete on a computer or items that you order online. ASMR can be about playing on those positive associations, rather than direct experiences, too.<\/span><\/p>\n<h3>Memorable<\/h3>\n<p><span style=\"font-weight: 400;\">The pleasurable, physical response elicited by ASMR videos naturally makes them more memorable. Brand awareness is so much of marketing, which means if you can sear a product into a potential consumer\u2019s memory by creating a pleasant sensory association with it, you\u2019ve accomplished part of your mission.\u00a0<\/span><\/p>\n<h2>How to get your ASMR videos right<\/h2>\n<p><span style=\"font-weight: 400;\">While ASMR videos aren\u2019t especially tricky to create, they do require careful production. This is brilliantly explained by Artlist creator Christopher who&#8217;s an expert in ASMR content.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In his video, Christopher demonstrates how there\u2019s a huge difference between increasing the sensitivity of a microphone to record what a product actually sounds like compared to crafting a bespoke sound that you want people to associate with a product. He uses his own headphones as an example.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Christopher\u2019s headphones are top-of-the-range with excellent sound quality. But if you were to simply record the sound of your fingers running over the headphones, it wouldn\u2019t do them justice. All you\u2019d have is fingers on plastic that probably sounds cheap and nasty. Instead, you need to address two elements. First, how to engineer the sound of how the product feels. And second, in the case of a set of headphones, what it feels like to listen to sounds through them.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This requires you to engineer the sound that you want your audience to feel. It will involve pulling together sound effects and tones and mixing them like a cocktail to create the perfect sensory experience for your viewers. And of course, this is somewhere where Artlist can support you. With tens of thousands of <a href=\"https:\/\/artlist.io\/sfx\">SFX<\/a> at your fingertips, as well as <a href=\"https:\/\/artlist.io\/stock-footage\">stock footage<\/a> for visually pleasing films, you can create the perfect ASMR video. Here are just a few examples:<\/span><\/p>\n\n    <div class=\"playlist\" id=\"69d0695a4f135\"><\/div>\n\n    <script>\n        jQuery(document).ready(function($) {\n\n            if(\"sfx\" == 'songs') {\n                $.ajax({\n                    method: \"POST\",\n                    url: \"https:\/\/search-api.artlist.me\/v1\/graphql\",\n                    contentType: \"application\/json\",\n                    data: JSON.stringify({\n                        query: `query SongList($page: Int!, $songSortType: Int!, $take: Int!, $vocalMenuId: Int!, $categoryIds: [Int], $collectionId: String, $searchTerm: String) {\n                        songList(page: $page, songSortType: $songSortType, take: $take, vocalMenuId: $vocalMenuId, categoryIds: $categoryIds, collectionId: $collectionId, searchTerm: $searchTerm) {\n                          songs {\n                            songId\n                            songName\n                            artistName\n                            isNew\n                            nameForURL\n                            sitePlayableFilePath\n\t\t\t\t\t\t\talbumImageFilePath\n\t\t\t\t\t\t\trelativeUrl\n                          }\n                          totalResults\n                        }\n                    }`,\n                        variables: JSON.stringify({\n                            \"page\": 1,\n                            \"songSortType\": STAFF_PICKS,\n                            \"take\": 1,\n                            \"vocalMenuId\": 1,\n                            \"categoryIds\": null,\n                            \"searchTerm\": \"Classic Recalls - Mysterious Piano Harp\"\n                        }),\n                    })\n                }).done(function(res) {\n                    if (res == '') {\n                        console.log('none');\n                    } else {\n                        console.log('songs list: ', res);\n                        var data = res.data.songList.songs;\n                        if ($(\"#69d0695a4f135\").length && data.length > 0) {\n                            createAudioPlayers(data, \"69d0695a4f135\");\n                        } else if ($(\"#69d0695a4f135\").length && data.length == 0) {\n                            $(\"#69d0695a4f135\").empty().append('<div class=\"noSongsError\">No songs were found.<\/div>');\n                        }\n                    }\n                });\n            } else if(\"sfx\" == 'sfx') {\n                $.ajax({\n                    method: \"POST\",\n                    url: \"https:\/\/search-api.artlist.me\/v1\/graphql\",\n                    contentType: \"application\/json\",\n                    data: JSON.stringify({\n                        query: `query SfxList($categoryIds: String!, $page: Float!, $tags: String!, $term: String!, $sortBy: SfxListRequestSortByOptions!) {\n\t\t\t\t\t\t\t\tsfxList(categoryIds: $categoryIds, page: $page, tags: $tags, term: $term, sortBy: $sortBy) {\n\t\t\t\t\t\t\t\t  page\n\t\t\t\t\t\t\t\t  songs {\n\t\t\t\t\t\t\t\t\t  albumImageFilePath\n\t\t\t\t\t\t\t\t\t  artistName\n\t\t\t\t\t\t\t\t\t  isNew\n\t\t\t\t\t\t\t\t\t  nameForURL\n\t\t\t\t\t\t\t\t\t  relativeUrl\n\t\t\t\t\t\t\t\t\t  sitePlayableFilePath        \n\t\t\t\t\t\t\t\t\t  songId \n\t\t\t\t\t\t\t\t\t  songName\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}`,\n                        variables: JSON.stringify({\n                            \"categoryIds\": \"\",\n                            \"page\": 1,\n                            \"tags\": \"\",\n                            \"term\": \"Classic Recalls - Mysterious Piano Harp\",\n                            \"sortBy\": \"STAFF_PICKS\"\n                        }),\n                    })\n                }).done(function(res) {\n                    if (res == '') {\n                        console.log('none');\n                    } else {\n                        console.log('sfx list: ', res);\n                        var data = res.data.sfxList.songs;\n                        if ($(\"#69d0695a4f135\").length && data.length > 0) {\n                            createAudioPlayers(data, \"69d0695a4f135\");\n                        } else if ($(\"#69d0695a4f135\").length && data.length == 0) {\n                            $(\"#69d0695a4f135\").empty().append('<div class=\"noSongsError\">No songs were found.<\/div>');\n                        }\n                    }\n                });\n            }\n\n            function createAudioPlayers(data, playlistId) {\n                \/\/ main playlist container\n                const playlistContainer = $(\"#\" + playlistId);\n                \/\/ wavesurfers array\n                \/\/ const wavesurfers = [];\n                \/\/ loop over every song returned\n\n                if(!allWavesurfers){\n                    var allWavesurfers = [];\n                }\n                $.each(data, function(index, audio) {\n                    \/\/ if current type is sfx and current looped index is bigger than amount wanted via shortcode - then stop loop (because sfx request doesn't have \"take\" variable)\n                    if(\"sfx\" == 'sfx' && (index + 1) > 1) {\n                        return false;\n                    }\n\n                    \/\/ audio player container\n                    const audioPlayer = $(\"<div>\").addClass(\"audioPlayer\");\n                    \/\/ album image\n                    const audioImage = $(\"<div>\").addClass(\"audioImage\");\n                    audioImage.append('<img decoding=\"async\" src=\"' + audio.albumImageFilePath + '\"\/>');\n                    \/\/ audio controls\n                    const audioControls = $(\"<div>\").addClass(\"audioControls\");\n                    const playPauseButton = $(\"<button>\").addClass(\"playPauseButton\").html('<i class=\"fas fa-play\"><\/i>');\n                    audioControls.append(playPauseButton);\n                    \/\/ song url\n                    var songUrl;\n                    if(\"sfx\" == 'songs') {\n                        songUrl = 'https:\/\/artlist.io\/royalty-free-music\/song\/' + audio.nameForURL + '\/' + audio.songId + '?download=1&utm_source=blog';\n                    } else if(\"sfx\" == 'sfx') {\n                        songUrl = 'https:\/\/artlist.io\/sfx\/track\/' + audio.nameForURL + '\/' + audio.songId + '?download=1&utm_source=blog';\n                    }\n                    \/\/ song name and artist name\n                    const audioNames = $(\"<div>\").addClass(\"audioNames\");\n                    const songName = $(\"<a>\").addClass(\"songName\").attr(\"href\", songUrl).attr(\"target\", \"_blank\").text(audio.songName);\n                    if (audio.isNew) {\n                        songName.append('<span class=\"isNewBadge\">NEW<\/span>');\n                    }\n                    const artistName = $(\"<span>\").addClass(\"artistName\").text(audio.artistName);\n                    audioNames.append(songName, artistName);\n                    \/\/ audio waveform container\n                    const audioWaveform = $(\"<div>\").addClass(\"audioWaveform\");\n                    \/\/ download button\n                    const audioDownload = $(\"<a>\").addClass(\"audioDownload\").attr(\"href\", songUrl).attr(\"target\", \"_blank\").html('<i class=\"icon download medium\"><\/i>');\n\n\n                    \/\/ APPEND ALL ELEMENTS INTO AUDIO PLAYER CONTAINER\n                    audioPlayer.append(audioImage, audioControls, audioNames, audioWaveform, audioDownload);\n\n                    \/\/ append audio player container into main playlist container\n                    playlistContainer.append(audioPlayer);\n\n                    \/* media viewed SEGMENT EVENT *\/\n                    const special_data = getProps();\n\n                    const observer = new IntersectionObserver(entries => {\n                        entries.forEach(entry => {\n                            if (entry.isIntersecting) {\n                                var assetId = audio.songId;\n                                var artist = audio.artistName;\n                                var title = audio.songName;\n                                var asset_type = null;\n                                if(\"sfx\" == 'songs') {\n                                    asset_type = 'song';\n                                } else if(\"sfx\" == 'sfx') {\n                                    asset_type = 'sfx';\n                                }\n                                analytics.track(\"media viewed\", {\n                                    asset_id: assetId || null,\n                                    asset_type: asset_type || null,\n                                    click_source: 'player',\n                                    artist: artist || null,\n                                    title: title || null,\n                                    genre: null,\n                                    ...special_data,\n                                });\n                                observer.unobserve(entry.target);\n                            }\n                        });\n                    }, {\n                        threshold: 0.5\n                    });\n                    observer.observe(audioPlayer[0]);\n\n                    \/\/ check screen size\n                    var mobileScreen = window.matchMedia('(max-width: 767px)');\n                    var waveformHeight = '';\n                    if (mobileScreen.matches) { \/\/ mobile\n                        waveformHeight = 15;\n                    } else { \/\/ desktop\n                        waveformHeight = 40;\n                    }\n\n                    \/\/ create wavesurfer instance\n                    const waveformId = `waveform-${playlistId}-${index}`; \/\/ Generate a unique ID for each waveform\n                    const waveformContainer = $(\"<div>\").attr(\"id\", waveformId).addClass(\"waveformContainer\");\n                    audioWaveform.append(waveformContainer);\n                    const wavesurfer = WaveSurfer.create({\n                        container: `#${waveformId}`,\n                        waveColor: \"#b1b1b1\",\n                        progressColor: \"#171717\",\n                        cursorColor: \"transparent\",\n                        height: waveformHeight,\n                        normalize: true,\n                    });\n                    \/\/ push current wavesurfer into wavesurfers array\n                    \/\/ wavesurfers.push(wavesurfer);\n                    allWavesurfers.push(wavesurfer);\n                    \/\/ load audio file into new wavesurfer\n                    wavesurfer.load(audio.sitePlayableFilePath);\n\n                    \/\/ add event listener to the play\/pause button\n                    playPauseButton.on(\"click\", () => {\n                        if (wavesurfer.isPlaying()) {\n                            wavesurfer.pause();\n                            playPauseButton.html('<i class=\"fas fa-play\"><\/i>');\n\n                            \/* media paused SEGMENT EVENT *\/\n                            var assetId = audio.songId;\n                            var artist = audio.artistName;\n                            var title = audio.songName;\n                            var asset_type = null;\n                            if(\"sfx\" == 'songs') {\n                                asset_type = 'song';\n                            } else if(\"sfx\" == 'sfx') {\n                                asset_type = 'sfx';\n                            }\n                            analytics.track(\"media paused\", {\n                                asset_id: assetId || null,\n                                asset_type: asset_type || null,\n                                click_source: 'player',\n                                artist: artist || null,\n                                title: title || null,\n                                genre: null,\n                                ...special_data,\n                            });\n                        } else {\n                            \/\/ pause all other audios that may be playing\n                            $('.playPauseButton').html('<i class=\"fas fa-play\"><\/i>');\n                            $.each(allWavesurfers, function(index, audio) {\n                                allWavesurfers[index].pause();\n                            });\n                            \/\/ then play current audio\n                            wavesurfer.play();\n                            playPauseButton.html('<i class=\"fas fa-pause\"><\/i>');\n\n                            \/* media played SEGMENT EVENT *\/\n                            var assetId = audio.songId;\n                            var artist = audio.artistName;\n                            var title = audio.songName;\n                            var asset_type = null;\n                            if(\"sfx\" == 'songs') {\n                                asset_type = 'song';\n                            } else if(\"sfx\" == 'sfx') {\n                                asset_type = 'sfx';\n                            }\n                            analytics.track(\"media played\", {\n                                asset_id: assetId || null,\n                                asset_type: asset_type || null,\n                                click_source: 'player',\n                                artist: artist || null,\n                                title: title || null,\n                                genre: null,\n                                ...special_data,\n                            });\n                        }\n                    });\n\n                    \/* media downloaded SEGMENT EVENT *\/\n                    audioDownload.on(\"click\", () => {\n                        var assetId = audio.songId;\n                        var artist = audio.artistName;\n                        var title = audio.songName;\n                        var asset_type = null;\n                        if(\"sfx\" == 'songs') {\n                            asset_type = 'song';\n                        } else if(\"sfx\" == 'sfx') {\n                            asset_type = 'sfx';\n                        }\n                        analytics.track(\"media downloaded\", {\n                            asset_id: assetId || null,\n                            asset_type: asset_type || null,\n                            click_source: 'player',\n                            artist: artist || null,\n                            title: title || null,\n                            genre: null,\n                            ...special_data,\n                        });\n                    });\n\n                    \/\/ add event listener to the click on the wave itself\n                    audioWaveform.on(\"click\", () => {\n                        setTimeout(() => {\n                            if (wavesurfer.isPlaying()) {\n                                wavesurfer.pause();\n                                playPauseButton.html('<i class=\"fas fa-play\"><\/i>');\n                            } else {\n                                \/\/ pause all other audios that may be playing\n                                $('.playPauseButton').html('<i class=\"fas fa-play\"><\/i>');\n                                $.each(allWavesurfers, function(index, audio) {\n                                    allWavesurfers[index].pause();\n                                });\n                                \/\/ then play current audio\n                                wavesurfer.play();\n                                playPauseButton.html('<i class=\"fas fa-pause\"><\/i>');\n                            }\n                        }, \"200\");\n                    });\n\n                });\n            }\n\n        });\n    <\/script>\n\n    \n\n    <div class=\"playlist\" id=\"69d0695a4f270\"><\/div>\n\n    <script>\n        jQuery(document).ready(function($) {\n\n            if(\"sfx\" == 'songs') {\n                $.ajax({\n                    method: \"POST\",\n                    url: \"https:\/\/search-api.artlist.me\/v1\/graphql\",\n                    contentType: \"application\/json\",\n                    data: JSON.stringify({\n                        query: `query SongList($page: Int!, $songSortType: Int!, $take: Int!, $vocalMenuId: Int!, $categoryIds: [Int], $collectionId: String, $searchTerm: String) {\n                        songList(page: $page, songSortType: $songSortType, take: $take, vocalMenuId: $vocalMenuId, categoryIds: $categoryIds, collectionId: $collectionId, searchTerm: $searchTerm) {\n                          songs {\n                            songId\n                            songName\n                            artistName\n                            isNew\n                            nameForURL\n                            sitePlayableFilePath\n\t\t\t\t\t\t\talbumImageFilePath\n\t\t\t\t\t\t\trelativeUrl\n                          }\n                          totalResults\n                        }\n                    }`,\n                        variables: JSON.stringify({\n                            \"page\": 1,\n                            \"songSortType\": STAFF_PICKS,\n                            \"take\": 1,\n                            \"vocalMenuId\": 1,\n                            \"categoryIds\": null,\n                            \"searchTerm\": \"Domestic - Fire, Lighting a Match\"\n                        }),\n                    })\n                }).done(function(res) {\n                    if (res == '') {\n                        console.log('none');\n                    } else {\n                        console.log('songs list: ', res);\n                        var data = res.data.songList.songs;\n                        if ($(\"#69d0695a4f270\").length && data.length > 0) {\n                            createAudioPlayers(data, \"69d0695a4f270\");\n                        } else if ($(\"#69d0695a4f270\").length && data.length == 0) {\n                            $(\"#69d0695a4f270\").empty().append('<div class=\"noSongsError\">No songs were found.<\/div>');\n                        }\n                    }\n                });\n            } else if(\"sfx\" == 'sfx') {\n                $.ajax({\n                    method: \"POST\",\n                    url: \"https:\/\/search-api.artlist.me\/v1\/graphql\",\n                    contentType: \"application\/json\",\n                    data: JSON.stringify({\n                        query: `query SfxList($categoryIds: String!, $page: Float!, $tags: String!, $term: String!, $sortBy: SfxListRequestSortByOptions!) {\n\t\t\t\t\t\t\t\tsfxList(categoryIds: $categoryIds, page: $page, tags: $tags, term: $term, sortBy: $sortBy) {\n\t\t\t\t\t\t\t\t  page\n\t\t\t\t\t\t\t\t  songs {\n\t\t\t\t\t\t\t\t\t  albumImageFilePath\n\t\t\t\t\t\t\t\t\t  artistName\n\t\t\t\t\t\t\t\t\t  isNew\n\t\t\t\t\t\t\t\t\t  nameForURL\n\t\t\t\t\t\t\t\t\t  relativeUrl\n\t\t\t\t\t\t\t\t\t  sitePlayableFilePath        \n\t\t\t\t\t\t\t\t\t  songId \n\t\t\t\t\t\t\t\t\t  songName\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}`,\n                        variables: JSON.stringify({\n                            \"categoryIds\": \"\",\n                            \"page\": 1,\n                            \"tags\": \"\",\n                            \"term\": \"Domestic - Fire, Lighting a Match\",\n                            \"sortBy\": \"STAFF_PICKS\"\n                        }),\n                    })\n                }).done(function(res) {\n                    if (res == '') {\n                        console.log('none');\n                    } else {\n                        console.log('sfx list: ', res);\n                        var data = res.data.sfxList.songs;\n                        if ($(\"#69d0695a4f270\").length && data.length > 0) {\n                            createAudioPlayers(data, \"69d0695a4f270\");\n                        } else if ($(\"#69d0695a4f270\").length && data.length == 0) {\n                            $(\"#69d0695a4f270\").empty().append('<div class=\"noSongsError\">No songs were found.<\/div>');\n                        }\n                    }\n                });\n            }\n\n            function createAudioPlayers(data, playlistId) {\n                \/\/ main playlist container\n                const playlistContainer = $(\"#\" + playlistId);\n                \/\/ wavesurfers array\n                \/\/ const wavesurfers = [];\n                \/\/ loop over every song returned\n\n                if(!allWavesurfers){\n                    var allWavesurfers = [];\n                }\n                $.each(data, function(index, audio) {\n                    \/\/ if current type is sfx and current looped index is bigger than amount wanted via shortcode - then stop loop (because sfx request doesn't have \"take\" variable)\n                    if(\"sfx\" == 'sfx' && (index + 1) > 1) {\n                        return false;\n                    }\n\n                    \/\/ audio player container\n                    const audioPlayer = $(\"<div>\").addClass(\"audioPlayer\");\n                    \/\/ album image\n                    const audioImage = $(\"<div>\").addClass(\"audioImage\");\n                    audioImage.append('<img decoding=\"async\" src=\"' + audio.albumImageFilePath + '\"\/>');\n                    \/\/ audio controls\n                    const audioControls = $(\"<div>\").addClass(\"audioControls\");\n                    const playPauseButton = $(\"<button>\").addClass(\"playPauseButton\").html('<i class=\"fas fa-play\"><\/i>');\n                    audioControls.append(playPauseButton);\n                    \/\/ song url\n                    var songUrl;\n                    if(\"sfx\" == 'songs') {\n                        songUrl = 'https:\/\/artlist.io\/royalty-free-music\/song\/' + audio.nameForURL + '\/' + audio.songId + '?download=1&utm_source=blog';\n                    } else if(\"sfx\" == 'sfx') {\n                        songUrl = 'https:\/\/artlist.io\/sfx\/track\/' + audio.nameForURL + '\/' + audio.songId + '?download=1&utm_source=blog';\n                    }\n                    \/\/ song name and artist name\n                    const audioNames = $(\"<div>\").addClass(\"audioNames\");\n                    const songName = $(\"<a>\").addClass(\"songName\").attr(\"href\", songUrl).attr(\"target\", \"_blank\").text(audio.songName);\n                    if (audio.isNew) {\n                        songName.append('<span class=\"isNewBadge\">NEW<\/span>');\n                    }\n                    const artistName = $(\"<span>\").addClass(\"artistName\").text(audio.artistName);\n                    audioNames.append(songName, artistName);\n                    \/\/ audio waveform container\n                    const audioWaveform = $(\"<div>\").addClass(\"audioWaveform\");\n                    \/\/ download button\n                    const audioDownload = $(\"<a>\").addClass(\"audioDownload\").attr(\"href\", songUrl).attr(\"target\", \"_blank\").html('<i class=\"icon download medium\"><\/i>');\n\n\n                    \/\/ APPEND ALL ELEMENTS INTO AUDIO PLAYER CONTAINER\n                    audioPlayer.append(audioImage, audioControls, audioNames, audioWaveform, audioDownload);\n\n                    \/\/ append audio player container into main playlist container\n                    playlistContainer.append(audioPlayer);\n\n                    \/* media viewed SEGMENT EVENT *\/\n                    const special_data = getProps();\n\n                    const observer = new IntersectionObserver(entries => {\n                        entries.forEach(entry => {\n                            if (entry.isIntersecting) {\n                                var assetId = audio.songId;\n                                var artist = audio.artistName;\n                                var title = audio.songName;\n                                var asset_type = null;\n                                if(\"sfx\" == 'songs') {\n                                    asset_type = 'song';\n                                } else if(\"sfx\" == 'sfx') {\n                                    asset_type = 'sfx';\n                                }\n                                analytics.track(\"media viewed\", {\n                                    asset_id: assetId || null,\n                                    asset_type: asset_type || null,\n                                    click_source: 'player',\n                                    artist: artist || null,\n                                    title: title || null,\n                                    genre: null,\n                                    ...special_data,\n                                });\n                                observer.unobserve(entry.target);\n                            }\n                        });\n                    }, {\n                        threshold: 0.5\n                    });\n                    observer.observe(audioPlayer[0]);\n\n                    \/\/ check screen size\n                    var mobileScreen = window.matchMedia('(max-width: 767px)');\n                    var waveformHeight = '';\n                    if (mobileScreen.matches) { \/\/ mobile\n                        waveformHeight = 15;\n                    } else { \/\/ desktop\n                        waveformHeight = 40;\n                    }\n\n                    \/\/ create wavesurfer instance\n                    const waveformId = `waveform-${playlistId}-${index}`; \/\/ Generate a unique ID for each waveform\n                    const waveformContainer = $(\"<div>\").attr(\"id\", waveformId).addClass(\"waveformContainer\");\n                    audioWaveform.append(waveformContainer);\n                    const wavesurfer = WaveSurfer.create({\n                        container: `#${waveformId}`,\n                        waveColor: \"#b1b1b1\",\n                        progressColor: \"#171717\",\n                        cursorColor: \"transparent\",\n                        height: waveformHeight,\n                        normalize: true,\n                    });\n                    \/\/ push current wavesurfer into wavesurfers array\n                    \/\/ wavesurfers.push(wavesurfer);\n                    allWavesurfers.push(wavesurfer);\n                    \/\/ load audio file into new wavesurfer\n                    wavesurfer.load(audio.sitePlayableFilePath);\n\n                    \/\/ add event listener to the play\/pause button\n                    playPauseButton.on(\"click\", () => {\n                        if (wavesurfer.isPlaying()) {\n                            wavesurfer.pause();\n                            playPauseButton.html('<i class=\"fas fa-play\"><\/i>');\n\n                            \/* media paused SEGMENT EVENT *\/\n                            var assetId = audio.songId;\n                            var artist = audio.artistName;\n                            var title = audio.songName;\n                            var asset_type = null;\n                            if(\"sfx\" == 'songs') {\n                                asset_type = 'song';\n                            } else if(\"sfx\" == 'sfx') {\n                                asset_type = 'sfx';\n                            }\n                            analytics.track(\"media paused\", {\n                                asset_id: assetId || null,\n                                asset_type: asset_type || null,\n                                click_source: 'player',\n                                artist: artist || null,\n                                title: title || null,\n                                genre: null,\n                                ...special_data,\n                            });\n                        } else {\n                            \/\/ pause all other audios that may be playing\n                            $('.playPauseButton').html('<i class=\"fas fa-play\"><\/i>');\n                            $.each(allWavesurfers, function(index, audio) {\n                                allWavesurfers[index].pause();\n                            });\n                            \/\/ then play current audio\n                            wavesurfer.play();\n                            playPauseButton.html('<i class=\"fas fa-pause\"><\/i>');\n\n                            \/* media played SEGMENT EVENT *\/\n                            var assetId = audio.songId;\n                            var artist = audio.artistName;\n                            var title = audio.songName;\n                            var asset_type = null;\n                            if(\"sfx\" == 'songs') {\n                                asset_type = 'song';\n                            } else if(\"sfx\" == 'sfx') {\n                                asset_type = 'sfx';\n                            }\n                            analytics.track(\"media played\", {\n                                asset_id: assetId || null,\n                                asset_type: asset_type || null,\n                                click_source: 'player',\n                                artist: artist || null,\n                                title: title || null,\n                                genre: null,\n                                ...special_data,\n                            });\n                        }\n                    });\n\n                    \/* media downloaded SEGMENT EVENT *\/\n                    audioDownload.on(\"click\", () => {\n                        var assetId = audio.songId;\n                        var artist = audio.artistName;\n                        var title = audio.songName;\n                        var asset_type = null;\n                        if(\"sfx\" == 'songs') {\n                            asset_type = 'song';\n                        } else if(\"sfx\" == 'sfx') {\n                            asset_type = 'sfx';\n                        }\n                        analytics.track(\"media downloaded\", {\n                            asset_id: assetId || null,\n                            asset_type: asset_type || null,\n                            click_source: 'player',\n                            artist: artist || null,\n                            title: title || null,\n                            genre: null,\n                            ...special_data,\n                        });\n                    });\n\n                    \/\/ add event listener to the click on the wave itself\n                    audioWaveform.on(\"click\", () => {\n                        setTimeout(() => {\n                            if (wavesurfer.isPlaying()) {\n                                wavesurfer.pause();\n                                playPauseButton.html('<i class=\"fas fa-play\"><\/i>');\n                            } else {\n                                \/\/ pause all other audios that may be playing\n                                $('.playPauseButton').html('<i class=\"fas fa-play\"><\/i>');\n                                $.each(allWavesurfers, function(index, audio) {\n                                    allWavesurfers[index].pause();\n                                });\n                                \/\/ then play current audio\n                                wavesurfer.play();\n                                playPauseButton.html('<i class=\"fas fa-pause\"><\/i>');\n                            }\n                        }, \"200\");\n                    });\n\n                });\n            }\n\n        });\n    <\/script>\n\n    \n\n    <div class=\"playlist\" id=\"69d0695a4f307\"><\/div>\n\n    <script>\n        jQuery(document).ready(function($) {\n\n            if(\"sfx\" == 'songs') {\n                $.ajax({\n                    method: \"POST\",\n                    url: \"https:\/\/search-api.artlist.me\/v1\/graphql\",\n                    contentType: \"application\/json\",\n                    data: JSON.stringify({\n                        query: `query SongList($page: Int!, $songSortType: Int!, $take: Int!, $vocalMenuId: Int!, $categoryIds: [Int], $collectionId: String, $searchTerm: String) {\n                        songList(page: $page, songSortType: $songSortType, take: $take, vocalMenuId: $vocalMenuId, categoryIds: $categoryIds, collectionId: $collectionId, searchTerm: $searchTerm) {\n                          songs {\n                            songId\n                            songName\n                            artistName\n                            isNew\n                            nameForURL\n                            sitePlayableFilePath\n\t\t\t\t\t\t\talbumImageFilePath\n\t\t\t\t\t\t\trelativeUrl\n                          }\n                          totalResults\n                        }\n                    }`,\n                        variables: JSON.stringify({\n                            \"page\": 1,\n                            \"songSortType\": STAFF_PICKS,\n                            \"take\": 1,\n                            \"vocalMenuId\": 1,\n                            \"categoryIds\": null,\n                            \"searchTerm\": \"Billiard Experience - Pool Break\"\n                        }),\n                    })\n                }).done(function(res) {\n                    if (res == '') {\n                        console.log('none');\n                    } else {\n                        console.log('songs list: ', res);\n                        var data = res.data.songList.songs;\n                        if ($(\"#69d0695a4f307\").length && data.length > 0) {\n                            createAudioPlayers(data, \"69d0695a4f307\");\n                        } else if ($(\"#69d0695a4f307\").length && data.length == 0) {\n                            $(\"#69d0695a4f307\").empty().append('<div class=\"noSongsError\">No songs were found.<\/div>');\n                        }\n                    }\n                });\n            } else if(\"sfx\" == 'sfx') {\n                $.ajax({\n                    method: \"POST\",\n                    url: \"https:\/\/search-api.artlist.me\/v1\/graphql\",\n                    contentType: \"application\/json\",\n                    data: JSON.stringify({\n                        query: `query SfxList($categoryIds: String!, $page: Float!, $tags: String!, $term: String!, $sortBy: SfxListRequestSortByOptions!) {\n\t\t\t\t\t\t\t\tsfxList(categoryIds: $categoryIds, page: $page, tags: $tags, term: $term, sortBy: $sortBy) {\n\t\t\t\t\t\t\t\t  page\n\t\t\t\t\t\t\t\t  songs {\n\t\t\t\t\t\t\t\t\t  albumImageFilePath\n\t\t\t\t\t\t\t\t\t  artistName\n\t\t\t\t\t\t\t\t\t  isNew\n\t\t\t\t\t\t\t\t\t  nameForURL\n\t\t\t\t\t\t\t\t\t  relativeUrl\n\t\t\t\t\t\t\t\t\t  sitePlayableFilePath        \n\t\t\t\t\t\t\t\t\t  songId \n\t\t\t\t\t\t\t\t\t  songName\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}`,\n                        variables: JSON.stringify({\n                            \"categoryIds\": \"\",\n                            \"page\": 1,\n                            \"tags\": \"\",\n                            \"term\": \"Billiard Experience - Pool Break\",\n                            \"sortBy\": \"STAFF_PICKS\"\n                        }),\n                    })\n                }).done(function(res) {\n                    if (res == '') {\n                        console.log('none');\n                    } else {\n                        console.log('sfx list: ', res);\n                        var data = res.data.sfxList.songs;\n                        if ($(\"#69d0695a4f307\").length && data.length > 0) {\n                            createAudioPlayers(data, \"69d0695a4f307\");\n                        } else if ($(\"#69d0695a4f307\").length && data.length == 0) {\n                            $(\"#69d0695a4f307\").empty().append('<div class=\"noSongsError\">No songs were found.<\/div>');\n                        }\n                    }\n                });\n            }\n\n            function createAudioPlayers(data, playlistId) {\n                \/\/ main playlist container\n                const playlistContainer = $(\"#\" + playlistId);\n                \/\/ wavesurfers array\n                \/\/ const wavesurfers = [];\n                \/\/ loop over every song returned\n\n                if(!allWavesurfers){\n                    var allWavesurfers = [];\n                }\n                $.each(data, function(index, audio) {\n                    \/\/ if current type is sfx and current looped index is bigger than amount wanted via shortcode - then stop loop (because sfx request doesn't have \"take\" variable)\n                    if(\"sfx\" == 'sfx' && (index + 1) > 1) {\n                        return false;\n                    }\n\n                    \/\/ audio player container\n                    const audioPlayer = $(\"<div>\").addClass(\"audioPlayer\");\n                    \/\/ album image\n                    const audioImage = $(\"<div>\").addClass(\"audioImage\");\n                    audioImage.append('<img decoding=\"async\" src=\"' + audio.albumImageFilePath + '\"\/>');\n                    \/\/ audio controls\n                    const audioControls = $(\"<div>\").addClass(\"audioControls\");\n                    const playPauseButton = $(\"<button>\").addClass(\"playPauseButton\").html('<i class=\"fas fa-play\"><\/i>');\n                    audioControls.append(playPauseButton);\n                    \/\/ song url\n                    var songUrl;\n                    if(\"sfx\" == 'songs') {\n                        songUrl = 'https:\/\/artlist.io\/royalty-free-music\/song\/' + audio.nameForURL + '\/' + audio.songId + '?download=1&utm_source=blog';\n                    } else if(\"sfx\" == 'sfx') {\n                        songUrl = 'https:\/\/artlist.io\/sfx\/track\/' + audio.nameForURL + '\/' + audio.songId + '?download=1&utm_source=blog';\n                    }\n                    \/\/ song name and artist name\n                    const audioNames = $(\"<div>\").addClass(\"audioNames\");\n                    const songName = $(\"<a>\").addClass(\"songName\").attr(\"href\", songUrl).attr(\"target\", \"_blank\").text(audio.songName);\n                    if (audio.isNew) {\n                        songName.append('<span class=\"isNewBadge\">NEW<\/span>');\n                    }\n                    const artistName = $(\"<span>\").addClass(\"artistName\").text(audio.artistName);\n                    audioNames.append(songName, artistName);\n                    \/\/ audio waveform container\n                    const audioWaveform = $(\"<div>\").addClass(\"audioWaveform\");\n                    \/\/ download button\n                    const audioDownload = $(\"<a>\").addClass(\"audioDownload\").attr(\"href\", songUrl).attr(\"target\", \"_blank\").html('<i class=\"icon download medium\"><\/i>');\n\n\n                    \/\/ APPEND ALL ELEMENTS INTO AUDIO PLAYER CONTAINER\n                    audioPlayer.append(audioImage, audioControls, audioNames, audioWaveform, audioDownload);\n\n                    \/\/ append audio player container into main playlist container\n                    playlistContainer.append(audioPlayer);\n\n                    \/* media viewed SEGMENT EVENT *\/\n                    const special_data = getProps();\n\n                    const observer = new IntersectionObserver(entries => {\n                        entries.forEach(entry => {\n                            if (entry.isIntersecting) {\n                                var assetId = audio.songId;\n                                var artist = audio.artistName;\n                                var title = audio.songName;\n                                var asset_type = null;\n                                if(\"sfx\" == 'songs') {\n                                    asset_type = 'song';\n                                } else if(\"sfx\" == 'sfx') {\n                                    asset_type = 'sfx';\n                                }\n                                analytics.track(\"media viewed\", {\n                                    asset_id: assetId || null,\n                                    asset_type: asset_type || null,\n                                    click_source: 'player',\n                                    artist: artist || null,\n                                    title: title || null,\n                                    genre: null,\n                                    ...special_data,\n                                });\n                                observer.unobserve(entry.target);\n                            }\n                        });\n                    }, {\n                        threshold: 0.5\n                    });\n                    observer.observe(audioPlayer[0]);\n\n                    \/\/ check screen size\n                    var mobileScreen = window.matchMedia('(max-width: 767px)');\n                    var waveformHeight = '';\n                    if (mobileScreen.matches) { \/\/ mobile\n                        waveformHeight = 15;\n                    } else { \/\/ desktop\n                        waveformHeight = 40;\n                    }\n\n                    \/\/ create wavesurfer instance\n                    const waveformId = `waveform-${playlistId}-${index}`; \/\/ Generate a unique ID for each waveform\n                    const waveformContainer = $(\"<div>\").attr(\"id\", waveformId).addClass(\"waveformContainer\");\n                    audioWaveform.append(waveformContainer);\n                    const wavesurfer = WaveSurfer.create({\n                        container: `#${waveformId}`,\n                        waveColor: \"#b1b1b1\",\n                        progressColor: \"#171717\",\n                        cursorColor: \"transparent\",\n                        height: waveformHeight,\n                        normalize: true,\n                    });\n                    \/\/ push current wavesurfer into wavesurfers array\n                    \/\/ wavesurfers.push(wavesurfer);\n                    allWavesurfers.push(wavesurfer);\n                    \/\/ load audio file into new wavesurfer\n                    wavesurfer.load(audio.sitePlayableFilePath);\n\n                    \/\/ add event listener to the play\/pause button\n                    playPauseButton.on(\"click\", () => {\n                        if (wavesurfer.isPlaying()) {\n                            wavesurfer.pause();\n                            playPauseButton.html('<i class=\"fas fa-play\"><\/i>');\n\n                            \/* media paused SEGMENT EVENT *\/\n                            var assetId = audio.songId;\n                            var artist = audio.artistName;\n                            var title = audio.songName;\n                            var asset_type = null;\n                            if(\"sfx\" == 'songs') {\n                                asset_type = 'song';\n                            } else if(\"sfx\" == 'sfx') {\n                                asset_type = 'sfx';\n                            }\n                            analytics.track(\"media paused\", {\n                                asset_id: assetId || null,\n                                asset_type: asset_type || null,\n                                click_source: 'player',\n                                artist: artist || null,\n                                title: title || null,\n                                genre: null,\n                                ...special_data,\n                            });\n                        } else {\n                            \/\/ pause all other audios that may be playing\n                            $('.playPauseButton').html('<i class=\"fas fa-play\"><\/i>');\n                            $.each(allWavesurfers, function(index, audio) {\n                                allWavesurfers[index].pause();\n                            });\n                            \/\/ then play current audio\n                            wavesurfer.play();\n                            playPauseButton.html('<i class=\"fas fa-pause\"><\/i>');\n\n                            \/* media played SEGMENT EVENT *\/\n                            var assetId = audio.songId;\n                            var artist = audio.artistName;\n                            var title = audio.songName;\n                            var asset_type = null;\n                            if(\"sfx\" == 'songs') {\n                                asset_type = 'song';\n                            } else if(\"sfx\" == 'sfx') {\n                                asset_type = 'sfx';\n                            }\n                            analytics.track(\"media played\", {\n                                asset_id: assetId || null,\n                                asset_type: asset_type || null,\n                                click_source: 'player',\n                                artist: artist || null,\n                                title: title || null,\n                                genre: null,\n                                ...special_data,\n                            });\n                        }\n                    });\n\n                    \/* media downloaded SEGMENT EVENT *\/\n                    audioDownload.on(\"click\", () => {\n                        var assetId = audio.songId;\n                        var artist = audio.artistName;\n                        var title = audio.songName;\n                        var asset_type = null;\n                        if(\"sfx\" == 'songs') {\n                            asset_type = 'song';\n                        } else if(\"sfx\" == 'sfx') {\n                            asset_type = 'sfx';\n                        }\n                        analytics.track(\"media downloaded\", {\n                            asset_id: assetId || null,\n                            asset_type: asset_type || null,\n                            click_source: 'player',\n                            artist: artist || null,\n                            title: title || null,\n                            genre: null,\n                            ...special_data,\n                        });\n                    });\n\n                    \/\/ add event listener to the click on the wave itself\n                    audioWaveform.on(\"click\", () => {\n                        setTimeout(() => {\n                            if (wavesurfer.isPlaying()) {\n                                wavesurfer.pause();\n                                playPauseButton.html('<i class=\"fas fa-play\"><\/i>');\n                            } else {\n                                \/\/ pause all other audios that may be playing\n                                $('.playPauseButton').html('<i class=\"fas fa-play\"><\/i>');\n                                $.each(allWavesurfers, function(index, audio) {\n                                    allWavesurfers[index].pause();\n                                });\n                                \/\/ then play current audio\n                                wavesurfer.play();\n                                playPauseButton.html('<i class=\"fas fa-pause\"><\/i>');\n                            }\n                        }, \"200\");\n                    });\n\n                });\n            }\n\n        });\n    <\/script>\n\n    \n\n    <div class=\"playlist\" id=\"69d0695a4f3b8\"><\/div>\n\n    <script>\n        jQuery(document).ready(function($) {\n\n            if(\"sfx\" == 'songs') {\n                $.ajax({\n                    method: \"POST\",\n                    url: \"https:\/\/search-api.artlist.me\/v1\/graphql\",\n                    contentType: \"application\/json\",\n                    data: JSON.stringify({\n                        query: `query SongList($page: Int!, $songSortType: Int!, $take: Int!, $vocalMenuId: Int!, $categoryIds: [Int], $collectionId: String, $searchTerm: String) {\n                        songList(page: $page, songSortType: $songSortType, take: $take, vocalMenuId: $vocalMenuId, categoryIds: $categoryIds, collectionId: $collectionId, searchTerm: $searchTerm) {\n                          songs {\n                            songId\n                            songName\n                            artistName\n                            isNew\n                            nameForURL\n                            sitePlayableFilePath\n\t\t\t\t\t\t\talbumImageFilePath\n\t\t\t\t\t\t\trelativeUrl\n                          }\n                          totalResults\n                        }\n                    }`,\n                        variables: JSON.stringify({\n                            \"page\": 1,\n                            \"songSortType\": STAFF_PICKS,\n                            \"take\": 1,\n                            \"vocalMenuId\": 1,\n                            \"categoryIds\": null,\n                            \"searchTerm\": \"Hydro World - Water Fountain\"\n                        }),\n                    })\n                }).done(function(res) {\n                    if (res == '') {\n                        console.log('none');\n                    } else {\n                        console.log('songs list: ', res);\n                        var data = res.data.songList.songs;\n                        if ($(\"#69d0695a4f3b8\").length && data.length > 0) {\n                            createAudioPlayers(data, \"69d0695a4f3b8\");\n                        } else if ($(\"#69d0695a4f3b8\").length && data.length == 0) {\n                            $(\"#69d0695a4f3b8\").empty().append('<div class=\"noSongsError\">No songs were found.<\/div>');\n                        }\n                    }\n                });\n            } else if(\"sfx\" == 'sfx') {\n                $.ajax({\n                    method: \"POST\",\n                    url: \"https:\/\/search-api.artlist.me\/v1\/graphql\",\n                    contentType: \"application\/json\",\n                    data: JSON.stringify({\n                        query: `query SfxList($categoryIds: String!, $page: Float!, $tags: String!, $term: String!, $sortBy: SfxListRequestSortByOptions!) {\n\t\t\t\t\t\t\t\tsfxList(categoryIds: $categoryIds, page: $page, tags: $tags, term: $term, sortBy: $sortBy) {\n\t\t\t\t\t\t\t\t  page\n\t\t\t\t\t\t\t\t  songs {\n\t\t\t\t\t\t\t\t\t  albumImageFilePath\n\t\t\t\t\t\t\t\t\t  artistName\n\t\t\t\t\t\t\t\t\t  isNew\n\t\t\t\t\t\t\t\t\t  nameForURL\n\t\t\t\t\t\t\t\t\t  relativeUrl\n\t\t\t\t\t\t\t\t\t  sitePlayableFilePath        \n\t\t\t\t\t\t\t\t\t  songId \n\t\t\t\t\t\t\t\t\t  songName\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}`,\n                        variables: JSON.stringify({\n                            \"categoryIds\": \"\",\n                            \"page\": 1,\n                            \"tags\": \"\",\n                            \"term\": \"Hydro World - Water Fountain\",\n                            \"sortBy\": \"STAFF_PICKS\"\n                        }),\n                    })\n                }).done(function(res) {\n                    if (res == '') {\n                        console.log('none');\n                    } else {\n                        console.log('sfx list: ', res);\n                        var data = res.data.sfxList.songs;\n                        if ($(\"#69d0695a4f3b8\").length && data.length > 0) {\n                            createAudioPlayers(data, \"69d0695a4f3b8\");\n                        } else if ($(\"#69d0695a4f3b8\").length && data.length == 0) {\n                            $(\"#69d0695a4f3b8\").empty().append('<div class=\"noSongsError\">No songs were found.<\/div>');\n                        }\n                    }\n                });\n            }\n\n            function createAudioPlayers(data, playlistId) {\n                \/\/ main playlist container\n                const playlistContainer = $(\"#\" + playlistId);\n                \/\/ wavesurfers array\n                \/\/ const wavesurfers = [];\n                \/\/ loop over every song returned\n\n                if(!allWavesurfers){\n                    var allWavesurfers = [];\n                }\n                $.each(data, function(index, audio) {\n                    \/\/ if current type is sfx and current looped index is bigger than amount wanted via shortcode - then stop loop (because sfx request doesn't have \"take\" variable)\n                    if(\"sfx\" == 'sfx' && (index + 1) > 1) {\n                        return false;\n                    }\n\n                    \/\/ audio player container\n                    const audioPlayer = $(\"<div>\").addClass(\"audioPlayer\");\n                    \/\/ album image\n                    const audioImage = $(\"<div>\").addClass(\"audioImage\");\n                    audioImage.append('<img decoding=\"async\" src=\"' + audio.albumImageFilePath + '\"\/>');\n                    \/\/ audio controls\n                    const audioControls = $(\"<div>\").addClass(\"audioControls\");\n                    const playPauseButton = $(\"<button>\").addClass(\"playPauseButton\").html('<i class=\"fas fa-play\"><\/i>');\n                    audioControls.append(playPauseButton);\n                    \/\/ song url\n                    var songUrl;\n                    if(\"sfx\" == 'songs') {\n                        songUrl = 'https:\/\/artlist.io\/royalty-free-music\/song\/' + audio.nameForURL + '\/' + audio.songId + '?download=1&utm_source=blog';\n                    } else if(\"sfx\" == 'sfx') {\n                        songUrl = 'https:\/\/artlist.io\/sfx\/track\/' + audio.nameForURL + '\/' + audio.songId + '?download=1&utm_source=blog';\n                    }\n                    \/\/ song name and artist name\n                    const audioNames = $(\"<div>\").addClass(\"audioNames\");\n                    const songName = $(\"<a>\").addClass(\"songName\").attr(\"href\", songUrl).attr(\"target\", \"_blank\").text(audio.songName);\n                    if (audio.isNew) {\n                        songName.append('<span class=\"isNewBadge\">NEW<\/span>');\n                    }\n                    const artistName = $(\"<span>\").addClass(\"artistName\").text(audio.artistName);\n                    audioNames.append(songName, artistName);\n                    \/\/ audio waveform container\n                    const audioWaveform = $(\"<div>\").addClass(\"audioWaveform\");\n                    \/\/ download button\n                    const audioDownload = $(\"<a>\").addClass(\"audioDownload\").attr(\"href\", songUrl).attr(\"target\", \"_blank\").html('<i class=\"icon download medium\"><\/i>');\n\n\n                    \/\/ APPEND ALL ELEMENTS INTO AUDIO PLAYER CONTAINER\n                    audioPlayer.append(audioImage, audioControls, audioNames, audioWaveform, audioDownload);\n\n                    \/\/ append audio player container into main playlist container\n                    playlistContainer.append(audioPlayer);\n\n                    \/* media viewed SEGMENT EVENT *\/\n                    const special_data = getProps();\n\n                    const observer = new IntersectionObserver(entries => {\n                        entries.forEach(entry => {\n                            if (entry.isIntersecting) {\n                                var assetId = audio.songId;\n                                var artist = audio.artistName;\n                                var title = audio.songName;\n                                var asset_type = null;\n                                if(\"sfx\" == 'songs') {\n                                    asset_type = 'song';\n                                } else if(\"sfx\" == 'sfx') {\n                                    asset_type = 'sfx';\n                                }\n                                analytics.track(\"media viewed\", {\n                                    asset_id: assetId || null,\n                                    asset_type: asset_type || null,\n                                    click_source: 'player',\n                                    artist: artist || null,\n                                    title: title || null,\n                                    genre: null,\n                                    ...special_data,\n                                });\n                                observer.unobserve(entry.target);\n                            }\n                        });\n                    }, {\n                        threshold: 0.5\n                    });\n                    observer.observe(audioPlayer[0]);\n\n                    \/\/ check screen size\n                    var mobileScreen = window.matchMedia('(max-width: 767px)');\n                    var waveformHeight = '';\n                    if (mobileScreen.matches) { \/\/ mobile\n                        waveformHeight = 15;\n                    } else { \/\/ desktop\n                        waveformHeight = 40;\n                    }\n\n                    \/\/ create wavesurfer instance\n                    const waveformId = `waveform-${playlistId}-${index}`; \/\/ Generate a unique ID for each waveform\n                    const waveformContainer = $(\"<div>\").attr(\"id\", waveformId).addClass(\"waveformContainer\");\n                    audioWaveform.append(waveformContainer);\n                    const wavesurfer = WaveSurfer.create({\n                        container: `#${waveformId}`,\n                        waveColor: \"#b1b1b1\",\n                        progressColor: \"#171717\",\n                        cursorColor: \"transparent\",\n                        height: waveformHeight,\n                        normalize: true,\n                    });\n                    \/\/ push current wavesurfer into wavesurfers array\n                    \/\/ wavesurfers.push(wavesurfer);\n                    allWavesurfers.push(wavesurfer);\n                    \/\/ load audio file into new wavesurfer\n                    wavesurfer.load(audio.sitePlayableFilePath);\n\n                    \/\/ add event listener to the play\/pause button\n                    playPauseButton.on(\"click\", () => {\n                        if (wavesurfer.isPlaying()) {\n                            wavesurfer.pause();\n                            playPauseButton.html('<i class=\"fas fa-play\"><\/i>');\n\n                            \/* media paused SEGMENT EVENT *\/\n                            var assetId = audio.songId;\n                            var artist = audio.artistName;\n                            var title = audio.songName;\n                            var asset_type = null;\n                            if(\"sfx\" == 'songs') {\n                                asset_type = 'song';\n                            } else if(\"sfx\" == 'sfx') {\n                                asset_type = 'sfx';\n                            }\n                            analytics.track(\"media paused\", {\n                                asset_id: assetId || null,\n                                asset_type: asset_type || null,\n                                click_source: 'player',\n                                artist: artist || null,\n                                title: title || null,\n                                genre: null,\n                                ...special_data,\n                            });\n                        } else {\n                            \/\/ pause all other audios that may be playing\n                            $('.playPauseButton').html('<i class=\"fas fa-play\"><\/i>');\n                            $.each(allWavesurfers, function(index, audio) {\n                                allWavesurfers[index].pause();\n                            });\n                            \/\/ then play current audio\n                            wavesurfer.play();\n                            playPauseButton.html('<i class=\"fas fa-pause\"><\/i>');\n\n                            \/* media played SEGMENT EVENT *\/\n                            var assetId = audio.songId;\n                            var artist = audio.artistName;\n                            var title = audio.songName;\n                            var asset_type = null;\n                            if(\"sfx\" == 'songs') {\n                                asset_type = 'song';\n                            } else if(\"sfx\" == 'sfx') {\n                                asset_type = 'sfx';\n                            }\n                            analytics.track(\"media played\", {\n                                asset_id: assetId || null,\n                                asset_type: asset_type || null,\n                                click_source: 'player',\n                                artist: artist || null,\n                                title: title || null,\n                                genre: null,\n                                ...special_data,\n                            });\n                        }\n                    });\n\n                    \/* media downloaded SEGMENT EVENT *\/\n                    audioDownload.on(\"click\", () => {\n                        var assetId = audio.songId;\n                        var artist = audio.artistName;\n                        var title = audio.songName;\n                        var asset_type = null;\n                        if(\"sfx\" == 'songs') {\n                            asset_type = 'song';\n                        } else if(\"sfx\" == 'sfx') {\n                            asset_type = 'sfx';\n                        }\n                        analytics.track(\"media downloaded\", {\n                            asset_id: assetId || null,\n                            asset_type: asset_type || null,\n                            click_source: 'player',\n                            artist: artist || null,\n                            title: title || null,\n                            genre: null,\n                            ...special_data,\n                        });\n                    });\n\n                    \/\/ add event listener to the click on the wave itself\n                    audioWaveform.on(\"click\", () => {\n                        setTimeout(() => {\n                            if (wavesurfer.isPlaying()) {\n                                wavesurfer.pause();\n                                playPauseButton.html('<i class=\"fas fa-play\"><\/i>');\n                            } else {\n                                \/\/ pause all other audios that may be playing\n                                $('.playPauseButton').html('<i class=\"fas fa-play\"><\/i>');\n                                $.each(allWavesurfers, function(index, audio) {\n                                    allWavesurfers[index].pause();\n                                });\n                                \/\/ then play current audio\n                                wavesurfer.play();\n                                playPauseButton.html('<i class=\"fas fa-pause\"><\/i>');\n                            }\n                        }, \"200\");\n                    });\n\n                });\n            }\n\n        });\n    <\/script>\n\n    \n<p><a href=\"https:\/\/artlist.io\/collection\/11196\/ear-pleasers\" target=\"_blank\" rel=\"noopener\">Check out the full ASMR inspiration playlist on Artlist<\/a><\/p>\n<p><b>\t\t<div data-elementor-type=\"section\" data-elementor-id=\"190\" class=\"elementor elementor-190\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-72cd43c cta-middle external elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"72cd43c\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-edf9063\" data-id=\"edf9063\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ec50e4e elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"ec50e4e\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"45\" height=\"13\" viewBox=\"0 0 45 13\" fill=\"none\"><path d=\"M13.7128 4.45274C13.2137 4.45274 12.7223 4.56022 12.2694 4.75984C11.8701 4.93643 11.5477 5.25889 11.3634 5.65046V9.85017H9.58984V2.91719H11.2175V4.39899C11.3327 4.16866 11.4786 3.95368 11.6551 3.75406C11.8164 3.5698 12.0006 3.40089 12.2003 3.25501C12.3845 3.12449 12.5765 3.00933 12.7914 2.93255C12.9757 2.86345 13.1753 2.82506 13.3673 2.81738H13.5823C13.6283 2.81738 13.6744 2.82506 13.7205 2.83274L13.7128 4.45274Z\" fill=\"#FFDA2A\"><\/path><path d=\"M19.1865 9.48966C18.9024 9.6125 18.6106 9.71999 18.3112 9.80445C17.958 9.91193 17.5972 9.96568 17.2287 9.96568C16.9906 9.96568 16.7603 9.93497 16.53 9.87354C16.3227 9.8198 16.1307 9.71231 15.9618 9.57411C15.7929 9.42824 15.6624 9.25165 15.5703 9.04435C15.4628 8.79867 15.4167 8.52995 15.4244 8.26123V4.27649H14.5107V2.91754H15.4244V0.667969H17.1979V2.91754H18.6567V4.27649H17.1979V7.66236C17.1979 7.90805 17.2594 8.08464 17.3899 8.18445C17.5204 8.29194 17.6893 8.34568 17.8582 8.338C18.0425 8.338 18.2268 8.30729 18.4033 8.24587C18.5799 8.18445 18.7181 8.1307 18.8256 8.08464L19.1865 9.48966Z\" fill=\"#FFDA2A\"><\/path><path d=\"M19.9315 0.191406H21.7051V7.62343C21.7051 7.87679 21.7665 8.07642 21.8893 8.22229C22.0275 8.36817 22.2195 8.44495 22.4191 8.43727C22.5342 8.43727 22.6571 8.41424 22.7723 8.38352C22.8951 8.35281 23.0179 8.30675 23.1331 8.253L23.3711 9.60428C23.1024 9.72712 22.826 9.81926 22.5342 9.86532C22.2502 9.92674 21.9661 9.95745 21.6743 9.95745C21.1215 9.95745 20.6916 9.81158 20.3845 9.51215C20.0774 9.21272 19.9315 8.79812 19.9238 8.253L19.9315 0.191406Z\" fill=\"#FFDA2A\"><\/path><path d=\"M24.2998 9.84997V2.91699H26.0734V9.84997H24.2998Z\" fill=\"#FFDA2A\"><\/path><path d=\"M26.1887 1.08236C26.2041 1.35876 26.0966 1.6198 25.8893 1.80407C25.6973 1.98066 25.4516 2.08047 25.1906 2.07279C24.9296 2.08047 24.6685 1.98066 24.4766 1.80407C24.277 1.6198 24.1695 1.35108 24.1771 1.08236C24.1771 0.767578 24.277 0.521892 24.4766 0.345304C24.6685 0.168717 24.9296 0.0689069 25.1906 0.0765846C25.4516 0.0765846 25.6973 0.168717 25.8893 0.345304C26.0889 0.521892 26.1887 0.759901 26.1887 1.08236Z\" fill=\"#FFDA2A\"><\/path><path d=\"M30.1276 9.98085C29.5441 9.98085 28.9683 9.88872 28.4232 9.70446C27.9011 9.53555 27.4174 9.26683 26.9951 8.91365L27.6554 7.80038C28.0393 8.07678 28.4539 8.30711 28.8915 8.4837C29.2754 8.63725 29.6823 8.71403 30.0892 8.71403C30.4424 8.71403 30.7188 8.64493 30.9261 8.51441C31.1257 8.39157 31.2409 8.17659 31.2332 7.94626C31.2409 7.70825 31.095 7.49328 30.88 7.40114C30.5038 7.23991 30.1123 7.10939 29.713 7.0019C29.26 6.87906 28.8762 6.76389 28.5614 6.64873C28.285 6.55659 28.0316 6.42607 27.7936 6.25716C27.6093 6.12664 27.4635 5.95773 27.3713 5.75044C27.2792 5.53546 27.2331 5.30513 27.2408 5.06712C27.2331 4.73698 27.3022 4.41451 27.4481 4.11508C27.5863 3.83869 27.7782 3.58532 28.0239 3.39338C28.285 3.18608 28.5767 3.03253 28.8915 2.93272C29.237 2.82523 29.6055 2.77148 29.9664 2.77148C30.4578 2.77148 30.9568 2.84058 31.4252 2.99414C31.8858 3.14769 32.3158 3.39338 32.6766 3.72352L31.9626 4.7984C31.6478 4.56039 31.3023 4.36077 30.9338 4.21489C30.619 4.09205 30.2889 4.03063 29.951 4.03063C29.69 4.02295 29.429 4.08437 29.1986 4.21489C28.999 4.33774 28.8915 4.53736 28.8915 4.81375C28.8838 4.92124 28.9145 5.02873 28.9683 5.12086C29.0297 5.213 29.1065 5.2821 29.1986 5.33584C29.3291 5.41262 29.4673 5.46636 29.6132 5.51243C29.7821 5.56617 29.9971 5.62759 30.2581 5.68901C30.7342 5.81186 31.1411 5.9347 31.4789 6.05754C31.7783 6.15735 32.0547 6.30323 32.3158 6.47982C32.5154 6.61802 32.6766 6.80996 32.7918 7.03261C32.8993 7.26294 32.953 7.52399 32.9453 7.77735C32.9453 8.45299 32.692 8.99043 32.1929 9.38199C31.6708 9.78891 30.9952 9.98085 30.1276 9.98085Z\" fill=\"#FFDA2A\"><\/path><path d=\"M38.0812 9.48966C37.7971 9.6125 37.5053 9.71999 37.2059 9.80445C36.8527 9.91193 36.4919 9.96568 36.1233 9.96568C35.8853 9.96568 35.655 9.93497 35.4323 9.87354C35.225 9.8198 35.0331 9.71231 34.8642 9.57411C34.6953 9.42824 34.5647 9.25165 34.4726 9.04435C34.3651 8.79867 34.3191 8.52995 34.3267 8.26123V4.27649H33.4131V2.91754H34.3267V0.667969H36.1003V2.91754H37.5591V4.27649H36.1003V7.66236C36.1003 7.90805 36.1617 8.08464 36.2922 8.18445C36.4228 8.29194 36.5917 8.34568 36.7606 8.338C36.9448 8.338 37.1291 8.30729 37.3057 8.24587C37.4823 8.18445 37.6205 8.1307 37.728 8.08464L38.0812 9.48966Z\" fill=\"#FFDA2A\"><\/path><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.43194 1.08203H5.20549L8.62975 8.48334V9.85765C7.24776 9.91907 5.80435 9.94979 4.31487 9.94979C2.8254 9.94979 1.38199 9.91907 0 9.85765V8.48334L3.43194 1.08203ZM1.90407 8.39121C2.71023 8.41424 3.51639 8.42192 4.31487 8.42192C5.12103 8.42192 5.92719 8.40657 6.72567 8.39121L4.31487 3.18572L1.90407 8.39121Z\" fill=\"#FFDA2A\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-5410e6a elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5410e6a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-e911f6a\" data-id=\"e911f6a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ca58b0e elementor-widget elementor-widget-heading\" data-id=\"ca58b0e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Get unlimited high-quality music for your videos<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-c6c061c\" data-id=\"c6c061c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-950f053 elementor-mobile-align-justify elementor-align-justify elementor-widget__width-initial external-link-event event-midpage-startfree elementor-widget-tablet__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"950f053\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/artlist.io\/start-now\/?utm_source=blog&#038;utm_medium=middlebanner\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Start  Free Now<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbb6075 elementor-mobile-align-justify elementor-align-justify elementor-widget__width-initial external-link-event event-midpage-pricing elementor-widget-tablet__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"fbb6075\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/artlist.io\/page\/pricing\/max?utm_source=blog&#038;campaign=getunlimitedhighqualitymusicforyourvideos\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Pricing<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/b><\/p>\n<h2>Things to remember about ASMR videos<\/h2>\n<p><span style=\"font-weight: 400;\">As well as thinking carefully about the nature of the ASMR that you want to include in your videos, and how to create it successfully, there are a few other pointers that you should consider.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">First, not everyone experiences ASMR, so do not become too reliant on it as a technique. It needs to be used as part of a suite of content so that your efforts reach the full spectrum of your intended audience.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Second, people build up tolerance to ASMR triggers. If you intend on using ASMR videos as part of your long-term content strategy, then you need to constantly evolve and refresh your sounds and visuals to ensure that they remain effective.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Finally, don\u2019t use ASMR for the sake of it. Make sure that the sounds or visuals that you&#8217;re using are relevant to the product you\u2019re featuring and the target market to which you\u2019re promoting it.\u00a0<\/span><\/p>\n<h2>Wrapping up<\/h2>\n<p><span style=\"font-weight: 400;\">When you create ASMR sounds with care and use them with creativity and thoughtfulness in your projects, you have a very effective marketing tool at your disposal. However, they do need to be created appropriately, and used in a way that is memorable for the right reasons. And, of course, there&#8217;s a huge library full of high-fidelity, royalty-free ASMR sound effects waiting for you on Artlist.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>All across the internet, you&#8217;ll find videos of people whispering gently and moving their hands randomly, together with gently repetitive visuals and sounds that you can somehow feel as well as hear. On social media, you might notice them tagged with #oddlysatisfying. It\u2019s a phenomenon called ASMR, and if used correctly, it can be an [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":17433,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"categories":[525,5,581],"tags":[532,302,37],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to effectively use ASMR in your videos - Artlist Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/new-blog.artlist.io\/blog\/how-to-use-asmr-in-your-videos\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to effectively use ASMR in your videos - Artlist Blog\" \/>\n<meta property=\"og:description\" content=\"All across the internet, you&#8217;ll find videos of people whispering gently and moving their hands randomly, together with gently repetitive visuals and sounds that you can somehow feel as well as hear. On social media, you might notice them tagged with #oddlysatisfying. It\u2019s a phenomenon called ASMR, and if used correctly, it can be an [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/new-blog.artlist.io\/blog\/how-to-use-asmr-in-your-videos\/\" \/>\n<meta property=\"og:site_name\" content=\"Artlist Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-09T10:38:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-11T08:24:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2024\/01\/040123-How-brands-can-use-ASMR-to-showcase-products-blog-cover-1-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"717\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Artlist\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Artlist\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/how-to-use-asmr-in-your-videos\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/how-to-use-asmr-in-your-videos\/\"},\"author\":{\"name\":\"Artlist\",\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/#\/schema\/person\/942f411e584fce075c068967aebf4681\"},\"headline\":\"How to effectively use ASMR in your videos\",\"datePublished\":\"2024-01-09T10:38:25+00:00\",\"dateModified\":\"2024-01-11T08:24:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/how-to-use-asmr-in-your-videos\/\"},\"wordCount\":1247,\"publisher\":{\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/#organization\"},\"keywords\":[\"#Business\",\"ASMR\",\"Sound Effects\"],\"articleSection\":[\"Business\",\"Production &amp; Filmmaking\",\"Social Content Creators\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/how-to-use-asmr-in-your-videos\/\",\"url\":\"https:\/\/new-blog.artlist.io\/blog\/how-to-use-asmr-in-your-videos\/\",\"name\":\"How to effectively use ASMR in your videos - Artlist Blog\",\"isPartOf\":{\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/#website\"},\"datePublished\":\"2024-01-09T10:38:25+00:00\",\"dateModified\":\"2024-01-11T08:24:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/how-to-use-asmr-in-your-videos\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/new-blog.artlist.io\/blog\/how-to-use-asmr-in-your-videos\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/how-to-use-asmr-in-your-videos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/new-blog.artlist.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Business\",\"item\":\"https:\/\/new-blog.artlist.io\/blog\/enterprise\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to effectively use ASMR in your videos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/#website\",\"url\":\"https:\/\/new-blog.artlist.io\/blog\/\",\"name\":\"Artlist Blog\",\"description\":\"Just artlist blog website\",\"publisher\":{\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/new-blog.artlist.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/#organization\",\"name\":\"Artlist Blog\",\"url\":\"https:\/\/new-blog.artlist.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2024\/10\/artlist-blog-logo.svg\",\"contentUrl\":\"https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2024\/10\/artlist-blog-logo.svg\",\"width\":143,\"height\":28,\"caption\":\"Artlist Blog\"},\"image\":{\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/new-blog.artlist.io\/blog\/#\/schema\/person\/942f411e584fce075c068967aebf4681\",\"name\":\"Artlist\",\"url\":\"https:\/\/new-blog.artlist.io\/blog\/author\/artlist\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to effectively use ASMR in your videos - Artlist Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/new-blog.artlist.io\/blog\/how-to-use-asmr-in-your-videos\/","og_locale":"en_US","og_type":"article","og_title":"How to effectively use ASMR in your videos - Artlist Blog","og_description":"All across the internet, you&#8217;ll find videos of people whispering gently and moving their hands randomly, together with gently repetitive visuals and sounds that you can somehow feel as well as hear. On social media, you might notice them tagged with #oddlysatisfying. It\u2019s a phenomenon called ASMR, and if used correctly, it can be an [&hellip;]","og_url":"https:\/\/new-blog.artlist.io\/blog\/how-to-use-asmr-in-your-videos\/","og_site_name":"Artlist Blog","article_published_time":"2024-01-09T10:38:25+00:00","article_modified_time":"2024-01-11T08:24:35+00:00","og_image":[{"width":2560,"height":717,"url":"https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2024\/01\/040123-How-brands-can-use-ASMR-to-showcase-products-blog-cover-1-scaled.jpg","type":"image\/jpeg"}],"author":"Artlist","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Artlist","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/new-blog.artlist.io\/blog\/how-to-use-asmr-in-your-videos\/#article","isPartOf":{"@id":"https:\/\/new-blog.artlist.io\/blog\/how-to-use-asmr-in-your-videos\/"},"author":{"name":"Artlist","@id":"https:\/\/new-blog.artlist.io\/blog\/#\/schema\/person\/942f411e584fce075c068967aebf4681"},"headline":"How to effectively use ASMR in your videos","datePublished":"2024-01-09T10:38:25+00:00","dateModified":"2024-01-11T08:24:35+00:00","mainEntityOfPage":{"@id":"https:\/\/new-blog.artlist.io\/blog\/how-to-use-asmr-in-your-videos\/"},"wordCount":1247,"publisher":{"@id":"https:\/\/new-blog.artlist.io\/blog\/#organization"},"keywords":["#Business","ASMR","Sound Effects"],"articleSection":["Business","Production &amp; Filmmaking","Social Content Creators"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/new-blog.artlist.io\/blog\/how-to-use-asmr-in-your-videos\/","url":"https:\/\/new-blog.artlist.io\/blog\/how-to-use-asmr-in-your-videos\/","name":"How to effectively use ASMR in your videos - Artlist Blog","isPartOf":{"@id":"https:\/\/new-blog.artlist.io\/blog\/#website"},"datePublished":"2024-01-09T10:38:25+00:00","dateModified":"2024-01-11T08:24:35+00:00","breadcrumb":{"@id":"https:\/\/new-blog.artlist.io\/blog\/how-to-use-asmr-in-your-videos\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/new-blog.artlist.io\/blog\/how-to-use-asmr-in-your-videos\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/new-blog.artlist.io\/blog\/how-to-use-asmr-in-your-videos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/new-blog.artlist.io\/blog\/"},{"@type":"ListItem","position":2,"name":"Business","item":"https:\/\/new-blog.artlist.io\/blog\/enterprise\/"},{"@type":"ListItem","position":3,"name":"How to effectively use ASMR in your videos"}]},{"@type":"WebSite","@id":"https:\/\/new-blog.artlist.io\/blog\/#website","url":"https:\/\/new-blog.artlist.io\/blog\/","name":"Artlist Blog","description":"Just artlist blog website","publisher":{"@id":"https:\/\/new-blog.artlist.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/new-blog.artlist.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/new-blog.artlist.io\/blog\/#organization","name":"Artlist Blog","url":"https:\/\/new-blog.artlist.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/new-blog.artlist.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2024\/10\/artlist-blog-logo.svg","contentUrl":"https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2024\/10\/artlist-blog-logo.svg","width":143,"height":28,"caption":"Artlist Blog"},"image":{"@id":"https:\/\/new-blog.artlist.io\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/new-blog.artlist.io\/blog\/#\/schema\/person\/942f411e584fce075c068967aebf4681","name":"Artlist","url":"https:\/\/new-blog.artlist.io\/blog\/author\/artlist\/"}]}},"uagb_featured_image_src":{"full":["https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2024\/01\/040123-How-brands-can-use-ASMR-to-showcase-products-blog-cover-1-scaled.jpg",2560,717,false],"thumbnail":["https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2024\/01\/040123-How-brands-can-use-ASMR-to-showcase-products-blog-cover-1-150x150.jpg",150,150,true],"medium":["https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2024\/01\/040123-How-brands-can-use-ASMR-to-showcase-products-blog-cover-1-300x84.jpg",300,84,true],"medium_large":["https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2024\/01\/040123-How-brands-can-use-ASMR-to-showcase-products-blog-cover-1-768x215.jpg",768,215,true],"large":["https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2024\/01\/040123-How-brands-can-use-ASMR-to-showcase-products-blog-cover-1-1024x287.jpg",1024,287,true],"1536x1536":["https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2024\/01\/040123-How-brands-can-use-ASMR-to-showcase-products-blog-cover-1-1536x430.jpg",1536,430,true],"2048x2048":["https:\/\/new-blog.artlist.io\/blog\/wp-content\/uploads\/2024\/01\/040123-How-brands-can-use-ASMR-to-showcase-products-blog-cover-1-2048x574.jpg",2048,574,true]},"uagb_author_info":{"display_name":"Artlist","author_link":"https:\/\/new-blog.artlist.io\/blog\/author\/artlist\/"},"uagb_comment_info":0,"uagb_excerpt":"All across the internet, you&#8217;ll find videos of people whispering gently and moving their hands randomly, together with gently repetitive visuals and sounds that you can somehow feel as well as hear. On social media, you might notice them tagged with #oddlysatisfying. It\u2019s a phenomenon called ASMR, and if used correctly, it can be an&hellip;","_links":{"self":[{"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/posts\/17364"}],"collection":[{"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/comments?post=17364"}],"version-history":[{"count":5,"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/posts\/17364\/revisions"}],"predecessor-version":[{"id":17397,"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/posts\/17364\/revisions\/17397"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/media\/17433"}],"wp:attachment":[{"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/media?parent=17364"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/categories?post=17364"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/new-blog.artlist.io\/blog\/wp-json\/wp\/v2\/tags?post=17364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}