Spotalike project -02

Spotalike 프로젝트 개선 - 가수명 매칭 문제 해결

---

문제 상황

이전 포스팅(지난 포스팅)에서 Spotalike 데이터를 가져오고, FastAPI 서버를 통해 데이터를 제공하는 기능까지 구현했다. 그러나 다음과 같은 문제가 발견되었다.

1. 가수명 미사용

   • 검색에 입력한 가수명을 사용하지 않아 특정 가수의 노래를 선택하지 못함.

2. 첫 번째 곡 자동 선택

   • 동일한 곡명이 있는 경우 드롭다운에서 가장 첫 번째 노래를 자동으로 선택함.

예를 들어, “Christopher”의 When I Get Old를 검색하려 했으나, 드롭다운에서 자동으로 “Descendents”의 동일 곡명이 선택되는 문제가 발생했다.

---

해결 방안

1. 검색 문자열 조합 방식

처음에는 곡명과 가수명을 조합한 문자열로 검색하려 했으나, Spotalike의 검색창은 처음부터 “When I Get Old by Christopher” 형식으로 입력하면 관련 노래가 나타나지 않았다. 따라서 이 방법은 적합하지 않았다.

---

2. URL 직접 생성 방식

검색 결과 페이지 URL을 분석해보니 고유 번호가 포함되어 있었다.

• 기본 URL: https://spotalike.com/en
• 검색 후 URL: https://spotalike.com/en/songs-similar-to/christopher-when-i-get-old/3952490

이 고유 번호를 예측하거나 참조할 방법이 없어 이 접근 방식도 포기했다.

---

3. 드롭다운에서 가수명 매칭

마지막으로, 드롭다운에서 특정 곡명과 가수명을 일치하는 항목을 찾아 선택하는 방식을 구현했다.

• 드롭다운 내 곡명과 가수명 요소를 각각 추출.
• 입력값과 일치하는 항목을 찾아 클릭.
• 일치하는 항목이 없으면 경고 메시지 출력.

---

개선된 코드

주요 수정 내용

1. 드롭다운 내 곡명과 가수명을 각각 추출.
2. 입력값과 일치하는 항목을 클릭하도록 개선.
3. 일치하는 항목이 없을 경우 빈 리스트 반환.

def get_spotalike_tracks(song_title: str, artist_name: str):
    """
    Fetch tracks similar to the given song and artist.
 
    Args:
        song_title (str): The title of the song.
        artist_name (str): The artist of the song.
 
    Returns:
        list: A list of tracks with title, artist, and duration.
    """
    options = Options()
    options.add_argument("--disable-gpu")
    options.add_argument("--no-sandbox")
    options.add_argument("--disable-dev-shm-usage")
    # options.add_argument("--headless")  # Uncomment for performance in production
 
    driver = webdriver.Chrome(service=Service(ChromeDriverManager().install()), options=options)
    tracks = []
 
    try:
        logging.info("Opening Spotalike...")
        driver.get(BASE_URL)
        wait = WebDriverWait(driver, 10)
 
        # Enter the song title and artist name into the search field
        logging.info(f"Searching for: {song_title} by {artist_name}")
        search_field = wait.until(EC.presence_of_element_located((By.ID, "search")))
        query = f"{song_title}"
        search_field.send_keys(query)
 
        # Wait for the dropdown to appear and validate
        dropdown_locator = (By.CSS_SELECTOR, "ul[class^='Dropdown_dropdown']")
        wait.until(EC.visibility_of_element_located(dropdown_locator))
 
        # Find all dropdown items
        dropdown_items = driver.find_elements(By.CSS_SELECTOR, "ul[class^='Dropdown_dropdown'] li button")
        match_found = False
        for item in dropdown_items:
            # Extract song title and artist from the dropdown
            song_title_elements = item.find_elements(By.CSS_SELECTOR, "span.Dropdown_highlighted__81RfT")
            extracted_song_title = "".join([elem.text for elem in song_title_elements]).strip()
 
            artist_elements = item.find_elements(By.CSS_SELECTOR, "span.Dropdown_artist__DoTwq")
            extracted_artist = "".join([elem.text for elem in artist_elements]).strip()
            # Check for an exact match
            if extracted_artist.lower() == artist_name.lower() and extracted_song_title.lower() == song_title.lower():
                logging.info(f"Found match: {extracted_song_title} by {extracted_artist}")
                item.click()  # Click the matched item
                match_found = True
                break
 
        if not match_found:
            logging.warning("No exact match found in the dropdown.")
            return []
 
        # Wait for the table of recommendations to load
        table_body = wait.until(EC.presence_of_element_located((By.CSS_SELECTOR, "tbody")))
        tracks = extract_tracks(table_body)
 
    except Exception as e:
        logging.error(f"An error occurred: {e}", exc_info=True)
    finally:
        logging.info("Closing the driver.")
        driver.quit()
 
    return tracks

---

결과

이제 특정 곡명과 가수명을 정확히 입력하면 원하는 항목을 선택할 수 있다. 예를 들어, Christopher의 When I Get Old를 검색하면 드롭다운에서 정확히 일치하는 곡명을 찾아 클릭한 후 추천 곡 리스트를 가져온다.

---

향후 개선 사항

1. 예외 처리 개선

   • 검색 결과가 없는 경우 사용자 친화적인 메시지 제공.

2. 가수명/곡명 오타 처리

   • 가수명이나 곡명에 오타가 있는 경우 유사 항목 추천 기능 추가.