Merhaba,
Diyelim ki bir web siteniz var. Burada videolarınızı da yayınlıyorsunuz ancak hem trafik yükünü devretmek hem de sağlam bir playerda çalışması adına bunları YouTube’da barındırmaya karar verdiniz. Bu aşamada kanalınızdaki videoları sitenizde listelemek için YouTube API’dan yararlanabilirsiniz.
Aslında paylaşacağım kodun kullanımı son derece kolay. Herhangi bir yere kayıt olup API key dahi almanız gerekmiyor. Sadece aşağıdaki kodun username parametresini değiştirin ve foreach içinde kendi HTML kodunuzu üretin. Aynı zamanda Index parametresi sayesinde sayfalama da yapabilirsiniz.
string YouTubeUsername = "KULLANICI_ADINIZ_BURAYA_GELECEK";
int Index = 1;
var feed = XElement.Load(String.Format("https://gdata.youtube.com/feeds/api/users/{1}/uploads?start-index={0}&max-results=8&orderby=published", Index, YouTubeUsername));
XNamespace ns = "http://www.w3.org/2005/Atom";
XNamespace media = "http://search.yahoo.com/mrss/";
if (feed != null)
{
var entries = from entry in feed.Descendants(ns + "entry")
select new
{
Title = entry.Element(ns + "title").Value,
Id = entry.Element(ns + "id").Value,
PostedDate = DateTime.Parse(entry.Element(ns + "published").Value),
Description = entry.Element(ns + "content").Value,
MovieUrl = (from el in entry.Elements(media + "group").Elements(media + "content")
where el.Attribute("type").Value == "application/x-shockwave-flash"
select el.Attribute("url").Value).First(),
ThumbnailUrl = (from el in entry.Elements(media + "group").Elements(media + "thumbnail")
select el.Attribute("url").Value).First()
};
foreach (var node in entries)
{
string VideoId = node.Id.Split('/')[node.Id.Split('/').Length - 1];
// HTML Kodunuzu burada üretebilirsiniz.
}
}
Merhaba,
Bugüne kadar birkaç projemde kullandığım, her gün farklı bir arkaplan fotoğrafı ile hoş bir görünüm elde etmemi sağlayan JavaScript kodunu paylaşmak istedim.
Nasıl kullanılır?
Aşağıdaki Javascript fonksiyonunu sayfaya ekledikten sonra document.ready eventinde SetBingPhoto(“container”) şeklinde background resminin yerleştirileceği elementin id propertysini verirseniz resim arkaplana yerleşecektir. Dilerseniz document.getElementById(elementId).style.backgroundImage ile başlayan satırı document.body.style.backgroundImage=”url(‘” + imgLink + “‘)”; ile değiştirerek background resminin body elementine verilmesini sağlayabilirsiniz.
function SetBingPhoto(elementId){
$.ajax({
url : document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent('http://www.bing.com/HPImageArchive.aspx?format=rss&idx=0&n=1&mkt=en-US'),
dataType : 'json',
success : function (data) {
if (data.responseData.feed && data.responseData.feed.entries) {
$.each(data.responseData.feed.entries, function (i, e) {
var imgLink = "https://www.bing.com" + e.link.replace("_1366x768", "_1920x1080");
document.getElementById(elementId).style.backgroundImage="url('" + imgLink + "')";
});
}
}
});
}
Bir önceki yazımda Arduino platformuna giriş yapmış ve temel kavramları test etmek için bir sinyalizasyon simülasyonu geliştirmiştim. Bugünkü yazımda da bunu bir adım ileriye taşımak için Arduino ile DC motor kontrolüne geçiyorum.
Bildiğiniz gibi Arduino bize terminalleri üzerinden 5 volt geriliminde bir output verebiliyor. Ancak bazı devrelerde yönetmek istediğimiz devre elemanları için 5 volt bize yetersiz gelebilir. Arduino ile bu devre elemanlarını yönetebilmek için hazırladığım devreyi kurduğumuz taktirde transistörleri kaç volt gerilimle beslersek o gerilimde output alabileceğiz.
Arduino ile 9V DC Motor Kontrolü devresini buradan inceleyebilirsiniz.
PS: Devredeki 1 nolu transistörün PNP, 2 nolu transistörün NPN olduğunu gözden kaçırmamakta fayda var.
Faydalı olması dileğiyle.