mirrors/deemix-webui
1
0
Fork 0
mirror of https://gitlab.com/RemixDev/deemix-webui.git synced 2024-12-29 10:56:05 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update InfoArl.vue

Browse source
This commit is contained in:
Simos Sigma 2022-02-02 14:53:23 +00:00
parent 5fb5ae4ace
commit fcc588839c
1 changed files with 29 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
src/components/pages/InfoArl.vue
View file

@ -1,48 +1,44 @@
<template>
<div>
<h1 class="mb-8 text-5xl">{{ $t('settings.login.arl.question') }}</h1>
<p class="mb-2 text-base">
Deezer keeps track of login session by using a cookie called ARL.<br />
deemix uses that cookie to get the metadata that it needs to download the tracks from Deezer.<br />
ARLs last for 3 months, after that Deezer asks you to log in again. The same method is used in deemix<br />
Following one of the guides below you can get your own account ARL.
</p>
<p class="mb-2 text-base">{{ $t('settings.login.arl.howTo') }}</p>
<h3 class="mt-6 text-3xl">Chrome (Easy way)</h3>
<h3 class="mt-6 text-3xl">{{ $t('settings.login.arl.chromeSteps.easyWay.title') }}</h3>
<ul class="mb-2 text-base">
<li>Open Chrome</li>
<li>Go to www.deezer.com and log into your account</li>
<li>Click on the little "lock" icon next the URL</li>
<li>Click on Cookies > deezer.com > cookies > arl</li>
<li>Select the string next to Content, and Copy</li>
<li>That's your ARL, now you can use it in the app</li>
<li>{{ $t('settings.login.arl.commonSteps.stepOne') }}</li>
<li>{{ $t('settings.login.arl.commonSteps.stepTwo') }}</li>
<li>{{ $t('settings.login.arl.chromeSteps.easyWay.stepThree') }}</li>
<li>{{ $t('settings.login.arl.chromeSteps.easyWay.stepFour') }}</li>
<li>{{ $t('settings.login.arl.chromeSteps.easyWay.stepFive') }}</li>
<li>{{ $t('settings.login.arl.commonSteps.stepLast') }}</li>
</ul>
<h3 class="mt-6 text-3xl">Chrome</h3>
<h3 class="mt-6 text-3xl">{{ $t('settings.login.arl.chromeSteps.title') }}</h3>
<ul class="mb-2 text-base">
<li>Open Chrome</li>
<li>Go to www.deezer.com and log into your account</li>
<li>After logging in press F12 to open up Developer Tools</li>
<li>Go under the Application tab (if you don't see it click the double arrow)</li>
<li>Open the cookie dropdown</li>
<li>Select www.deezer.com</li>
<li>Find the `arl` cookie (It should be 192 chars long)</li>
<li>That's your ARL, now you can use it in the app</li>
<li>{{ $t('settings.login.arl.commonSteps.stepOne') }}</li>
<li>{{ $t('settings.login.arl.commonSteps.stepTwo') }}</li>
<li>{{ $t('settings.login.arl.commonSteps.stepThree') }}</li>
<li>{{ $t('settings.login.arl.chromeSteps.stepFour') }}</li>
<li>{{ $t('settings.login.arl.commonSteps.stepFive') }}</li>
<li>{{ $t('settings.login.arl.commonSteps.stepSix') }}</li>
<li>{{ $t('settings.login.arl.commonSteps.stepSeven') }}</li>
<li>{{ $t('settings.login.arl.commonSteps.stepEight') }}</li>
<li>{{ $t('settings.login.arl.commonSteps.stepNine') }}</li>
</ul>
<p class="mb-2 text-base">Here's a <a href="https://youtu.be/O6PRT47_yds" target="_blank">video guide</a></p>
<p class="mb-2 text-base">{{ $t('settings.login.arl.chromeSteps.hereIs') }} <a href="https://youtu.be/O6PRT47_yds" target="_blank">{{ $t('settings.login.arl.chromeSteps.videoGuide') }}</a></p>
<h3 class="mt-6 text-3xl">Firefox</h3>
<h3 class="mt-6 text-3xl">{{ $t('settings.login.arl.firefoxSteps.title') }}</h3>
<ul class="mb-2 text-base">
<li>Open Firefox</li>
<li>Go to www.deezer.com and log into your account</li>
<li>Afer logging in press F12 to open up Developer Tools</li>
<li>Go under the Storage tab (if you don't see it click the double arrow)</li>
<li>Open the cookie dropdown</li>
<li>Select www.deezer.com</li>
<li>Find the `arl` cookie (It should be 192 chars long)</li>
<li>Make sure only copy the value and not the entire cookie</li>
<li>That's your ARL, now you can use it in the app</li>
<li>{{ $t('settings.login.arl.firefoxSteps.stepOne') }}</li>
<li>{{ $t('settings.login.arl.commonSteps.stepTwo') }}</li>
<li>{{ $t('settings.login.arl.commonSteps.stepThree') }}</li>
<li>{{ $t('settings.login.arl.firefoxSteps.stepFour') }}</li>
<li>{{ $t('settings.login.arl.commonSteps.stepFive') }}</li>
<li>{{ $t('settings.login.arl.commonSteps.stepSix') }}</li>
<li>{{ $t('settings.login.arl.commonSteps.stepSeven') }}</li>
<li>{{ $t('settings.login.arl.commonSteps.stepEight') }}</li>
<li>{{ $t('settings.login.arl.commonSteps.stepNine') }}</li>
</ul>
</div>
</template>