Yazılım.
CevapSitesi.com Beta!
Çözüm Noktası
Facebook, Twitter, Google+ veya e-posta ile paylaşın.
| Sorular | Makaleler | Üyeler | Etiketler  | İletişim
Soru sormak ya da cevap vermek için;
giriş yapın veya üye olun.

Sosyal medya hesaplarınızla da giriş yapabilirsiniz.

Soru Geçmişi

«« Soruya geri dön
04.03.18 02:22
Videodan Canvas etiketine resim kopyalama işleminde (toDataURL) CORS Hatası
Html5 video tagının videoadan resim almak için oluşturduğumu fonksiyonda video crossorring değerini anonymous rağmen php tarafından header Access-Control-Allow-Origin:* yapmama rağmen canvas.toDataURL(); hata vermektedir. Bir türlü çözemedim. Yardımcı olursanız, sevinirim. Kolay gelsin... <?php // Allow from any origin header("Access-Control-Allow-Origin: *"); header("Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS"); ?> <!DOCTYPE html> <html lang="tr"> <head> <meta charset="utf-8"> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="author" content="Meku"> <title>Tek Video Gösterimi</title> </head> <body> <div class="previewBox"> <button id ="posterOlustur">Resim Oluştur</button> <div class="preview"> </div> </div> <!-- video etiketine crossorigin="anonymous" verdiğim zaman video oynamıyor. Vermediğim zaman javascript kodundanki img.src = canvas.toDataURL(); satır çalışmıyor. "Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported" hatası veriyor. Access-Control-Allow-Origin:* olması gereliyor fakat Yukarıdaki php header fonksiyonun etkisi olmuyor. htacces ile denedim Access-Control-Allow-Origin değişmedi. Kod denemesini localhost ile yapıyorum etkisi varmıdır bilmiyorum. --> <video width="400" controls> <source src="https://www.html5rocks.com/en/tutorials/video/basics/devstories.webm" type="video/webm"> Your browser does not support HTML5 video. </video> <script type="text/javascript" src="assets/js/jquery.min.js"></script> <script> $('#posterOlustur').click(function(){ var img= new Image, canvas = document.createElement("canvas"), ctx = canvas.getContext("2d"), video = $('video').get(0); img.crossorigin ="anonymous"; canvas.width = 320; canvas.height = 180; ctx.drawImage(video, 0, 0, canvas.width, canvas.height); img.src = canvas.toDataURL(); img.onload=function(){ $('.preview').html(img); } }); </script> </body> </html>
Ekleyen: mkucukk
Değiştiren: cevapsitesi
03.03.18 15:15
CORS Hatası
Html5 video tagının videoadan resim almak için oluşturduğumu fonksiyonda video crossorring değerini anonymous rağmen php tarafından header Access-Control-Allow-Origin:* yapmama rağmen canvas.toDataURL(); hata vermektedir. Bir türlü çözemedim. Yardımcı olursanız, sevinirim. Kolay gelsin... <?php // Allow from any origin header("Access-Control-Allow-Origin: *"); header("Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS"); ?> <!DOCTYPE html> <html lang="tr"> <head> <meta charset="utf-8"> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="author" content="Meku"> <title>Tek Video Gösterimi</title> </head> <body> <div class="previewBox"> <button id ="posterOlustur">Resim Oluştur</button> <div class="preview"> </div> </div> <!-- video etiketine crossorigin="anonymous" verdiğim zaman video oynamıyor. Vermediğim zaman javascript kodundanki img.src = canvas.toDataURL(); satır çalışmıyor. "Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported" hatası veriyor. Access-Control-Allow-Origin:* olması gereliyor fakat Yukarıdaki php header fonksiyonun etkisi olmuyor. htacces ile denedim Access-Control-Allow-Origin değişmedi. Kod denemesini localhost ile yapıyorum etkisi varmıdır bilmiyorum. --> <video width="400" controls> <source src="https://www.html5rocks.com/en/tutorials/video/basics/devstories.webm" type="video/webm"> Your browser does not support HTML5 video. </video> <script type="text/javascript" src="assets/js/jquery.min.js"></script> <script> $('#posterOlustur').click(function(){ var img= new Image, canvas = document.createElement("canvas"), ctx = canvas.getContext("2d"), video = $('video').get(0); img.crossorigin ="anonymous"; canvas.width = 320; canvas.height = 180; ctx.drawImage(video, 0, 0, canvas.width, canvas.height); img.src = canvas.toDataURL(); img.onload=function(){ $('.preview').html(img); } }); </script> </body> </html>
Ekleyen: mkucukk
Değiştiren: cevapsitesi
03.03.18 12:55
CORS Hatası
Html5 video tagının videoadan resim almak için oluşturduğumu fonksiyonda video crossorring değerini anonymous rağmen php tarafından header Access-Control-Allow-Origin:* yapmama rağmen canvas.toDataURL(); hata vermektedir. Bir türlü çözemedim. Yardımcı olursanız, sevinirim. Kolay gelsin...
Ekleyen: mkucukk
Değiştiren: cevapsitesi
03.03.18 10:38
CORS Hatası
Html5 video tagının videoadan resim almak için oluşturduğumu fonksiyonda video crossorring değerini anonymous rağmen php tarafından header Access-Control-Allow-Origin:* yapmama rağmen canvas.toDataURL(); hata vermektedir. Bir türlü çözemedim. Yardımcı olursanız, sevinirim. Kolay gelsin...
Ekleyen: mkucukk
Değiştiren: mkucukk

En fazla 3 eski durum gösterilir.