I am using pyppeteer, the unofficial Python port of puppeteer (since I don't deal a lot with Javascript). However, I realize puppeteer is more popular and would also appreciate pure Javascript answers.
I launch a puppeteer browser context, and navigate a page to a url that contains a Vimeo video. How can I use puppeteer to enable captions/click on captions/English? I've attached an image of what I am trying to click.
I want to automate enabling captions because I have a function that waits on requests, and when a request contains the captions file, I will get the text of the file (see code).
I don't really know Javascript, so what I tried to do was use the Chrome devtools recording tool to see what selectors are clicked when I manually enable captions, then use page.click() on those selectors. It did not work. I can give details of what they are if that's needed (i.e. if specific webpage info is helpful).
The below Python code works when I manually enable the captions (I manually click to enable captions (not using puppeeteer, note the headless=false on launch).
import asyncio
import pyppeteer as pp
def intercept_network_response(response):
if "text/vtt" in response.headers.get("content-type", ""):
print('get the response contents. which is text of the .vtt file, ie the captions')
async def main():
context = await pp.launch(headless = False)
context = await context.createIncognitoBrowserContext()
page = await context.newPage()
# Sign in to the video site
await page.goto(my_login_url)
await page.click('#signin-email-input')
await page.keyboard.type('my_username')
await page.click('#signin-email-submit')
await page.click('#signin-password-input')
await page.keyboard.type('my_password')
await page.click('#signin-password-submit')
# go to webpage with embedded video
await page.goto(my_video_url)
# get the response containing the captions file
page.on('response', intercept_network_response)
await page.reload()
await context.close()
asyncio.get_event_loop().run_until_complete(main())
