[ÜCRETSİZ] Youtube MP3 Çevirici

19-08-2019, 16:39:51

Youtube MP3 Çevirici

Vue.JS öğrenme sürecinde pratik yapmak adına kodladığım çeviriciyi paylaşmak istedim, ben kullanmayacağım ve arşivimde çürüyecekti. Sistem, siz arama kısmına veri girdiğinizde bunu apiler üzerinden taratır ve arattığınız şeye uygun video sonuçlarını çıkarır. Bu videoların sonuçlarının altında mp3 indir butonu bulunur, bu butona tıkladığınızda o video MP3 olarak inecektir.

Sadece tek sayfadan (index.html) oluşmaktadır. Aynı zamanda responsivedir.

Kullanılan Teknolojiler:

VueJS
Javascript
Bulma CSS

Resimler

-------------------------------------------------------------------------------------------------------------------------------------------------------------

-------------------------------------------------------------------------------------------------------------------------------------------------------------
Kurulum

index.html dosyasını indirin ve açın.
http://api.w3hills.com/ adresine üye olun ve ücretsiz API-KEY'inizi alın.
93.satırdaki API-KEY kısmına yapıştırın ( aşağıdaki kısım )
```
apikey: 'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX'
```

Yapıştırdıktan sonra örnek görünüm:

apikey: '150FECF6-D1EB-57C2-5326-5787ED7EDC1B'

Sonrasında kullanabilirsiniz.

Eğer denemek isterseniz api key olarak bu keyi kullanabilirsiniz: 150FECF6-D1EB-57C2-5326-5787ED7EDC1B

-------------------------------------------------------------------------------------------------------------------------------------------------------------
İndirme
Github

Eğer geliştirilmesini istiyorsanız bana özel mesajdan ulaşabilirsiniz. Kod 100 satırdan oluşmaktadır ve tek dosyadır. Umarım işinizi görür, arşivimde yaşlanacağına burada bir anı kalsın, Vue.JS başlangıç eserim

19-08-2019, 16:52:05

#2

ufuk

eliniz sağlık hemen subdomainime sadece kendim için kuracağım

19-08-2019, 16:59:01

#3

M3M4Ti

Elinize sağlık.

19-08-2019, 18:07:33

#4

Touc

Güzel yorumlarınız için teşekkür ederim. Sorun çıkan varsa lütfen PM üzerinden ulaşsın.

20-08-2019, 08:45:51

#5

sahsiyet

tolgauc adlı üyeden alıntı: mesajı görüntüle

Güzel yorumlarınız için teşekkür ederim. Sorun çıkan varsa lütfen PM üzerinden ulaşsın.

Hocam merhaba btym.net/tube ye ekledim fakat ara butonu sonuç getirmiyor.

20-08-2019, 12:21:50

#6

GencoHD

merhaba,
öncelikle elinize sağlık denemeamçlı kurdumda arkadaşın dediği gibi sonuç getrimyior

20-08-2019, 14:29:47

#7

Touc

Merhabalar, eğer localhostda denemek istiyorsanız local sunucunuzun başka adreslere veri gönderme yetkisi olmadığından hata verecektir. Moesif Origins & Cors Changer eklentisini yüklerseniz çözülür.
Eğer web siteniz üzerinde bu sorun bulunuyorsa kurulu olan dizine .htaccess dosyası oluşturun ve oraya aşağıdaki kodu ekleyin.

Header add Access-Control-Allow-Origin "*"

20-08-2019, 14:38:40

#8

sahsiyet

Hocam dediğinizi uyguladım. Fakat windows ve plesk ikilisinde aynı durum devam ediyor.

20-08-2019, 14:44:47

#9

Touc

İlk olarak kodun en üst kısmına aşağıdaki kodu ekleyin, işe yaramazsa aşağıdakilerden devam edin.

<?php header("Access-Control-Allow-Origin: *"); ?>

----
Domain ismimiz ornek.com olsun.
Plesk panelden domains->ornek.com->apache and nginx settings Additional Apache Directives'e gelin.
Additional directives for HTTP ve Additional directives for HTTPS kısımlarına aşağıdaki kodu yapıştırın.

Header set Access-Control-Allow-Origin "ornek.com"

Aynı menüden additional nginx directives kısmına gelin, aşağıdaki kodu yapıştırın.

add_header 'Access-Control-Allow-Origin' 'ornek.com'